logo
GeekFormat

图片裁剪

上传图片后开始裁剪

在线图片裁剪工具,支持自由拖拽、固定比例和精确像素输入三种裁剪方式,内置三分法构图辅助线,实时预览暗色遮罩,PNG/JPG双格式输出可选JPG质量,纯浏览器本地处理,适合头像制作、证件照、社媒配图和电商主图截取。

相关推荐

适用场景

  • 社交媒体头像制作:裁剪为1:1方形比例,将面部放在三分线交叉点位置
  • 证件照精确裁剪:输入一寸(295×413)、二寸(413×579)等标准像素值精确截取
  • 电商主图处理:淘宝/京东/亚马逊商品主图按平台要求比例裁剪主体区域
  • 横屏视频封面:16:9比例裁剪,突出视频主体用于YouTube/B站/视频号封面
  • 竖屏短视频制作:9:16手机竖屏比例裁剪,适配抖音/快手/小红书发布要求
  • PPT/演示文稿配图:16:9或4:3比例裁剪,避免图片拉伸变形
  • 截图截取重点:长截图中只保留需要的对话或重点区域,去掉多余内容
  • 去除图片水印/边缘:裁掉图片边缘的水印、Logo或不需要的边框区域
  • 照片二次构图:拍摄后通过裁剪重新构图,将主体移到黄金分割位置
  • 朋友圈/Instagram配图:按平台显示比例裁剪,避免被自动裁切到重要内容
  • 宽屏电影感截图:21:9超宽比例裁剪,营造电影宽银幕的视觉效果
  • 网页配图准备:裁剪为合适比例后配合图片压缩工具优化网页加载速度

功能特点

  • 自由拖拽裁剪:鼠标拖动裁剪框移动位置、拖放四角调整大小,所见即所得的操作体验
  • 8种比例预设:内置自由、1:1方形、4:3、3:2、16:9横屏、2:3、9:16竖屏、21:9电影宽屏共8种常用比例
  • 像素精确控制:支持输入X/Y坐标和宽高像素值精确裁剪,适合严格尺寸要求场景
  • 三分法辅助线:裁剪框内显示九宫格三分线,帮助黄金分割点构图,提升照片美感
  • 实时暗色遮罩:裁剪区域外实时显示半透明黑色遮罩,直观看到保留和丢弃的画面范围
  • 双格式输出:支持PNG无损和JPG有损两种输出格式,根据场景选择合适格式
  • JPG质量可调:选择JPG输出时可调节10-100%压缩质量,在文件大小和画质间平衡
  • 四角自由缩放:四个角均有拖拽手柄,支持从任意方向调整裁剪框大小
  • 比例锁定调整:选择固定比例后拖放缩放自动保持宽高比,不会变形
  • 原始尺寸显示:实时显示原图尺寸和当前裁剪区域尺寸,方便对照
  • 纯本地处理:所有裁剪操作在浏览器本地完成,图片不上传服务器,隐私安全
  • 支持常见格式:可打开PNG、JPG、WebP、GIF等所有浏览器支持的图片格式
  • 示例图片体验:提供示例图片按钮,无需上传即可立即体验裁剪功能
  • 响应式设计:电脑、平板、手机均可使用,移动端适配触控拖拽操作

使用方法

  1. 点击上传区域选择图片文件,或点击「加载示例」按钮先体验功能
  2. 根据需要选择裁剪比例(自由/1:1/16:9/9:16等),自由模式可任意调整
  3. 拖动裁剪框移动位置,拖动四角手柄调整大小,可输入像素值精确控制
  4. 选择输出格式(PNG/JPG),JPG可调节质量,点击「裁剪并下载」保存结果

常见问题

怎么在线裁剪图片指定区域?

上传图片后,用鼠标拖动裁剪框的白色边框可以移动裁剪位置,拖动四个角的白色方块可以调整裁剪区域大小。裁剪框外的半透明黑色区域是会被裁掉的部分,框内是保留区域。调整好后点击「裁剪并下载」按钮即可。

可以按1:1、16:9这类固定比例裁剪吗?

可以。工具提供8种常用比例预设:自由裁剪、1:1方形(头像常用)、4:3(传统相机/显示器)、3:2(单反相机)、16:9(横屏视频/PPT/YouTube)、2:3(竖版照片)、9:16(手机竖屏/抖音/小红书)、21:9(电影宽屏)。点击对应比例按钮后再拖动裁剪框会自动锁定宽高比。

图片裁剪和调整大小(resize)有什么区别?

两者功能完全不同:裁剪(Crop)是截取图片的一部分区域、丢弃边缘内容,改变的是画面构图和内容范围,但不缩放保留区域的像素;调整大小(Resize)是将整张图片等比例缩放或拉伸,保留全部内容但改变整体像素尺寸。如果需要把大图缩小但保留完整内容请用调整大小工具。

适合做头像和证件照裁剪吗?

非常适合。头像建议使用1:1方形比例,裁剪时将人物面部放在画面中央偏上位置,利用三分线辅助对齐眼睛位置效果更好。证件照可以先查询对应证件的像素尺寸要求(如一寸295×413、二寸413×579),在像素输入框中直接输入对应宽高值进行精确裁剪。

裁剪后的图片会上传到服务器吗?隐私安全吗?

完全不会上传。所有图片加载、裁剪预览、导出下载都在你的浏览器本地通过Canvas API完成,图片数据不会通过网络发送到任何服务器。关闭页面后浏览器内存中的图片数据即被清除,适合处理身份证、合同截图等隐私敏感图片。

裁剪后输出什么格式?可以选JPG吗?

支持PNG和JPG两种输出格式。默认输出PNG无损格式,适合需要透明背景、截图、文字图片、图标等场景;选择JPG格式可以调节压缩质量(10-100%),适合照片类图片减小文件体积。JPG质量建议设置在80-92%之间,文件体积明显减小但肉眼几乎看不出画质差异。

什么是三分法构图辅助线?怎么用?

三分法(Rule of Thirds)是摄影中最经典的构图法则:将画面用两条横线和两条竖线平均分成九宫格,把主体放在线条交叉点(黄金分割点)位置,画面会更平衡美观。裁剪框内的白色半透明线条就是三分线,构图时把人物眼睛、地平线、建筑边缘等关键元素对齐线条或交叉点即可。

9:16和16:9比例分别用在什么场景?

16:9是横屏宽屏比例,是电脑显示器、电视、YouTube/B站横版视频、PPT演示文稿的标准比例;9:16是竖屏比例,是手机竖屏拍照、抖音/快手/小红书/视频号短视频、Instagram Stories和手机全屏内容的标准比例。裁剪前先确认发布平台要求的比例。

裁剪会降低图片画质吗?

PNG输出是完全无损的,裁剪后的保留区域像素与原图完全一致不会损失画质;JPG输出是重新压缩,会有轻微画质损失,但质量设置在85%以上时肉眼难以分辨。与原图相比,裁剪本质是「截取」而非「压缩」,只要不选择过低的JPG质量,裁剪本身不会造成明显画质下降。

怎么精确裁剪成指定像素尺寸?

在左侧配置面板的「裁剪区域像素」输入框中直接输入W(宽度)和H(高度)的目标像素值即可精确控制输出尺寸。X和Y值控制裁剪框左上角的起始坐标位置。如果已经选择了固定比例,输入宽度后高度会自动按比例计算,反之亦然。

可以裁剪WebP、GIF动图吗?

可以打开WebP和GIF格式图片,但注意:GIF动图裁剪后只会保留第一帧画面输出为静态PNG/JPG,不支持保留动画效果。如果需要处理GIF动图裁剪请使用专门的GIF编辑工具。WebP格式图片可以正常裁剪并输出为PNG或JPG。

为什么我拖放裁剪框时比例会变化?

这是因为你当前选择的是「自由」比例模式。在自由模式下可以任意调整裁剪框宽高比。如果需要保持固定比例(如1:1正方形不被拉成矩形),请先点击对应的比例按钮(如1:1、16:9)锁定比例后再调整大小。

裁剪后的图片文件保存在哪里?

点击「裁剪并下载」按钮后,浏览器会自动将裁剪后的图片下载到你的电脑默认下载文件夹,文件名为cropped_原文件名.png(或.jpg)。工具不会在服务器保存任何文件,所有临时数据在浏览器关闭后即清除。

手机上可以使用吗?触控操作方便吗?

可以。工具采用响应式设计,在手机浏览器上同样可以正常使用。左侧配置面板在手机端会折叠为顶部按钮,点击展开;裁剪框支持手指触控拖拽移动和缩放操作,建议在横屏模式下操作以获得更大的预览区域。

裁剪后的图片还能继续编辑吗?

可以。下载裁剪后的图片后,可以再次上传到本工具进行二次裁剪,也可以使用我们的其他图片工具:调整大小(resize)、压缩(compress)、格式转换(convert)、旋转翻转(rotate-flip)、加圆角(round-corner)、滤镜(filters)等继续处理。

图片裁剪的原理与构图技巧

图片裁剪是数字图像处理中最基础也最常用的操作之一,其本质是从原始图片的像素矩阵中截取一个矩形区域的像素数据,丢弃区域外的像素。与图片缩放(Resizing)不同,裁剪不改变保留区域的像素密度和画质,只是重新定义画面的边界。这一特性使得裁剪成为照片二次构图的核心手段——很多时候前期拍摄构图不理想,通过后期裁剪可以大幅提升照片表现力。

为什么需要固定比例裁剪?不同的发布平台和使用场景对图片宽高比有严格要求:微信/QQ/微博头像必须是1:1正方形,抖音/小红书竖版视频是9:16,YouTube/B站横版视频和PPT是16:9,传统冲印照片是3:2,电影是21:9。如果比例不对,平台会自动居中裁剪或拉伸变形,导致重要内容被切掉或画面变形。使用固定比例裁剪可以提前适配目标平台的展示要求。

三分法构图法则是摄影和视觉设计中最经典的构图原则,早在文艺复兴时期就被画家广泛使用。其原理是将画面沿水平和垂直方向各分为三等分,形成九宫格,四条分割线的四个交叉点被称为「黄金分割点」。人眼自然会被这些位置吸引,将画面主体(如人物眼睛、地平线、建筑主体)放在这些位置或线条上,比单纯居中构图更具动感和视觉平衡感。本工具内置的三分辅助线就是帮助你在裁剪时应用这一法则。

PNG与JPG输出格式选择:PNG是无损压缩格式,支持透明背景,适合图标、截图、文字图片、需要二次编辑的素材,但文件体积较大;JPG是有损压缩格式,不支持透明,但可以通过质量参数灵活控制压缩率,在80-90%质量下肉眼几乎看不出差异但体积可减小60-80%,适合照片类图片。如果裁剪后的图片用于网页展示,建议选择JPG 85%质量以平衡画质和加载速度;如果是截图、Logo、需要透明背景则必须用PNG。

本地浏览器处理的重要性:很多在线裁剪工具需要将图片上传到远程服务器处理,这不仅速度慢(取决于网络带宽),还存在隐私泄露风险——身份证照片、合同截图、私人照片等敏感图片上传后可能被缓存或滥用。本工具基于HTML5 Canvas API实现,所有像素操作都在你的浏览器内存中完成,图片数据从未离开你的设备,处理速度只取决于你的电脑性能,即使断网也可以使用。

精确像素裁剪的应用场景:大多数时候拖拽裁剪足够方便,但在一些专业场景下需要精确到像素的裁剪:证件照有严格的像素尺寸要求(如护照照片、考试报名照片)、电商平台主图有统一尺寸规范(如淘宝主图800×800)、UI设计稿切图需要精确尺寸、网页固定尺寸Banner需要严格像素匹配。此时直接在X/Y/W/H输入框中输入数值是最高效准确的方式。

关于画质损失:很多人担心裁剪会降低画质,实际上PNG格式裁剪是无损的——保留区域的每个像素与原图完全一致,没有任何压缩或重采样。JPG格式裁剪时会进行一次重新压缩,但只要质量参数设置在85%以上,这种损失在正常观看距离下肉眼无法分辨。相比之下,如果你把一张大图缩放缩小再放大,才会造成不可逆的画质模糊,单纯裁剪不会。

术语表

宽高比(Aspect Ratio)
图片宽度与高度的比例关系,通常表示为W:H(宽度:高度)。常见比例有1:1(正方形)、16:9(横屏)、9:16(竖屏)、4:3(传统显示器)、3:2(单反相机)、21:9(电影宽屏)。
三分法(Rule of Thirds)
摄影构图基本法则,将画面用两条水平线和两条垂直线分为九等份,将主体放置在分割线或交叉点位置,使画面更平衡、更有视觉吸引力。
像素(Pixel)
图像的最小单位,是一个带颜色的小点。一张图片的像素尺寸=宽度方向像素数×高度方向像素数,如1920×1080表示宽1920像素、高1080像素。
PNG格式
便携式网络图形格式,无损压缩,支持Alpha透明通道,适合图标、截图、文字图片、Logo等需要锐利边缘或透明背景的场景。
JPG/JPEG格式
联合图像专家小组格式,有损压缩,不支持透明,通过质量参数(0-100%)平衡画质和文件体积,适合照片类色彩丰富的图片。
Canvas API
HTML5提供的浏览器端绘图API,通过JavaScript可以在网页上动态绘制和处理图像像素,是实现纯本地图片处理的核心技术。
无损压缩(Lossless)
压缩后可以完整还原原始数据,没有任何信息损失的压缩方式。PNG、GIF属于无损压缩,适合需要精确像素的场景。
有损压缩(Lossy)
通过丢弃人眼不敏感的数据来大幅减小文件体积,压缩后无法完全还原原始数据。JPG属于有损压缩,质量越低损失越明显。
黄金分割点
三分线的四个交叉点位置,约在画面1/3和2/3处,是人眼自然关注的焦点位置。将画面主体放在这些位置比居中构图更具美感。
遮罩预览(Mask Preview)
裁剪框外显示半透明黑色遮罩,直观区分保留区域(清晰原色)和丢弃区域(暗化),让用户在裁剪过程中看到最终画面的边界效果。
DPI/PPI
每英寸点数/像素数,是打印分辨率单位。屏幕显示只看像素尺寸,与DPI无关;裁剪不会改变DPI设置,只改变像素数量。
EXIF数据
图片文件中嵌入的元数据,包括拍摄设备、时间、GPS位置、相机参数等信息。Canvas导出图片时不会保留EXIF数据,有助于保护拍摄位置隐私。

8种裁剪比例适用场景速查表

以下是各种常用宽高比的典型应用场景:

比例名称方向典型适用场景
自由自由裁剪任意无比例限制,任意调整宽高,适合去边缘、去水印等非标准场景
1:1正方形方形微信/QQ/微博头像、Instagram帖子、淘宝主图、产品图
4:3标准屏横/竖传统显示器、iPad屏幕、老式电视、卡片相机照片
3:2相机标准横/竖单反/微单相机默认比例、6寸照片冲印、摄影作品
16:9宽屏横屏高清电视/显示器、YouTube/B站视频、PPT、横屏封面
2:3竖版照片竖屏竖版照片冲印、手机竖拍照片、海报竖版
9:16竖屏竖屏抖音/快手/小红书/视频号短视频、手机全屏、Stories
21:9电影宽屏横屏电影截图、超宽屏显示器、影院比例、全景感照片

常用证件照标准尺寸对照表

裁剪证件照时可直接输入对应像素值(300DPI印刷标准):

证件类型毫米尺寸像素尺寸(300DPI)比例
一寸25×35295×413约5:7
小一寸22×32260×378约2:3
二寸35×49413×579约3:4
小二寸35×45413×531约3:4
护照/签证33×48390×567约2:3
身份证26×32358×441约4:5

JPG质量参数选择建议

选择JPG输出时,质量参数与画质/体积的关系:

JPG质量典型压缩率画质表现推荐场景
90-100%压缩10-25%极高,肉眼完全无法分辨与原图差异专业摄影、印刷出版、高质量存档
80-89%压缩50-70%高,正常使用几乎看不出区别网页配图、社交媒体、日常分享(推荐)
60-79%压缩70-85%中等,仔细看可能有轻微压缩痕迹缩略图、头像、对体积极度敏感场景
30-59%压缩85-95%低,有明显可见的压缩伪影不推荐,仅用于预览或极低带宽场景

Privacy & Security

本图片裁剪工具所有操作均在你的浏览器本地通过HTML5 Canvas API完成,你选择的图片文件不会被上传到任何远程服务器,也不会被存储、缓存或用于任何其他用途。所有图像处理都在你的设备内存中进行,关闭或刷新页面后临时数据即被自动清除。身份证、合同截图、私人照片等隐私敏感内容可以放心处理。

Authoritative References

Troubleshooting

裁剪后下载的图片模糊怎么办?

请检查:1)如果选择了JPG格式,将质量滑块调高到85%以上;2)检查裁剪区域尺寸W×H是否过小,如果裁剪区域像素本身就很小(如100×100),放大查看自然会模糊;3)对比原图查看,确保你看到的是100%缩放比例。PNG输出是完全无损的,如果对画质要求极高请选择PNG格式。

选择固定比例后裁剪框无法调整到想要的大小?

固定比例模式下宽高比被锁定,调整宽度时高度会自动按比例变化,反之亦然。这是正常现象,确保裁剪结果严格符合选定比例。如果你需要自由调整任意宽高比,请切换到「自由」比例模式。

上传图片后没有显示?

请确认:1)上传的是标准图片格式(JPG/PNG/GIF/WebP),不支持PSD、RAW等专业格式;2)图片文件没有损坏,可以在系统看图软件中正常打开;3)文件大小不要过大(建议20MB以内);4)刷新页面重新上传通常可以解决。

点击下载按钮没反应?

请检查:1)浏览器是否允许弹出式下载,某些隐私设置可能会阻止自动下载;2)是否使用了现代浏览器(Chrome、Firefox、Safari、Edge);3)清除浏览器缓存刷新页面重试。