图片裁剪
上传图片后开始裁剪
在线图片裁剪工具,支持自由拖拽、固定比例和精确像素输入三种裁剪方式,内置三分法构图辅助线,实时预览暗色遮罩,PNG/JPG双格式输出可选JPG质量,纯浏览器本地处理,适合头像制作、证件照、社媒配图和电商主图截取。
上传图片后开始裁剪
在线图片裁剪工具,支持自由拖拽、固定比例和精确像素输入三种裁剪方式,内置三分法构图辅助线,实时预览暗色遮罩,PNG/JPG双格式输出可选JPG质量,纯浏览器本地处理,适合头像制作、证件照、社媒配图和电商主图截取。
上传图片后,用鼠标拖动裁剪框的白色边框可以移动裁剪位置,拖动四个角的白色方块可以调整裁剪区域大小。裁剪框外的半透明黑色区域是会被裁掉的部分,框内是保留区域。调整好后点击「裁剪并下载」按钮即可。
可以。工具提供8种常用比例预设:自由裁剪、1:1方形(头像常用)、4:3(传统相机/显示器)、3:2(单反相机)、16:9(横屏视频/PPT/YouTube)、2:3(竖版照片)、9:16(手机竖屏/抖音/小红书)、21:9(电影宽屏)。点击对应比例按钮后再拖动裁剪框会自动锁定宽高比。
两者功能完全不同:裁剪(Crop)是截取图片的一部分区域、丢弃边缘内容,改变的是画面构图和内容范围,但不缩放保留区域的像素;调整大小(Resize)是将整张图片等比例缩放或拉伸,保留全部内容但改变整体像素尺寸。如果需要把大图缩小但保留完整内容请用调整大小工具。
非常适合。头像建议使用1:1方形比例,裁剪时将人物面部放在画面中央偏上位置,利用三分线辅助对齐眼睛位置效果更好。证件照可以先查询对应证件的像素尺寸要求(如一寸295×413、二寸413×579),在像素输入框中直接输入对应宽高值进行精确裁剪。
完全不会上传。所有图片加载、裁剪预览、导出下载都在你的浏览器本地通过Canvas API完成,图片数据不会通过网络发送到任何服务器。关闭页面后浏览器内存中的图片数据即被清除,适合处理身份证、合同截图等隐私敏感图片。
支持PNG和JPG两种输出格式。默认输出PNG无损格式,适合需要透明背景、截图、文字图片、图标等场景;选择JPG格式可以调节压缩质量(10-100%),适合照片类图片减小文件体积。JPG质量建议设置在80-92%之间,文件体积明显减小但肉眼几乎看不出画质差异。
三分法(Rule of Thirds)是摄影中最经典的构图法则:将画面用两条横线和两条竖线平均分成九宫格,把主体放在线条交叉点(黄金分割点)位置,画面会更平衡美观。裁剪框内的白色半透明线条就是三分线,构图时把人物眼睛、地平线、建筑边缘等关键元素对齐线条或交叉点即可。
16:9是横屏宽屏比例,是电脑显示器、电视、YouTube/B站横版视频、PPT演示文稿的标准比例;9:16是竖屏比例,是手机竖屏拍照、抖音/快手/小红书/视频号短视频、Instagram Stories和手机全屏内容的标准比例。裁剪前先确认发布平台要求的比例。
PNG输出是完全无损的,裁剪后的保留区域像素与原图完全一致不会损失画质;JPG输出是重新压缩,会有轻微画质损失,但质量设置在85%以上时肉眼难以分辨。与原图相比,裁剪本质是「截取」而非「压缩」,只要不选择过低的JPG质量,裁剪本身不会造成明显画质下降。
在左侧配置面板的「裁剪区域像素」输入框中直接输入W(宽度)和H(高度)的目标像素值即可精确控制输出尺寸。X和Y值控制裁剪框左上角的起始坐标位置。如果已经选择了固定比例,输入宽度后高度会自动按比例计算,反之亦然。
可以打开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%以上,这种损失在正常观看距离下肉眼无法分辨。相比之下,如果你把一张大图缩放缩小再放大,才会造成不可逆的画质模糊,单纯裁剪不会。
以下是各种常用宽高比的典型应用场景:
| 比例 | 名称 | 方向 | 典型适用场景 |
|---|---|---|---|
| 自由 | 自由裁剪 | 任意 | 无比例限制,任意调整宽高,适合去边缘、去水印等非标准场景 |
| 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×35 | 295×413 | 约5:7 |
| 小一寸 | 22×32 | 260×378 | 约2:3 |
| 二寸 | 35×49 | 413×579 | 约3:4 |
| 小二寸 | 35×45 | 413×531 | 约3:4 |
| 护照/签证 | 33×48 | 390×567 | 约2:3 |
| 身份证 | 26×32 | 358×441 | 约4:5 |
选择JPG输出时,质量参数与画质/体积的关系:
| JPG质量 | 典型压缩率 | 画质表现 | 推荐场景 |
|---|---|---|---|
| 90-100% | 压缩10-25% | 极高,肉眼完全无法分辨与原图差异 | 专业摄影、印刷出版、高质量存档 |
| 80-89% | 压缩50-70% | 高,正常使用几乎看不出区别 | 网页配图、社交媒体、日常分享(推荐) |
| 60-79% | 压缩70-85% | 中等,仔细看可能有轻微压缩痕迹 | 缩略图、头像、对体积极度敏感场景 |
| 30-59% | 压缩85-95% | 低,有明显可见的压缩伪影 | 不推荐,仅用于预览或极低带宽场景 |
本图片裁剪工具所有操作均在你的浏览器本地通过HTML5 Canvas API完成,你选择的图片文件不会被上传到任何远程服务器,也不会被存储、缓存或用于任何其他用途。所有图像处理都在你的设备内存中进行,关闭或刷新页面后临时数据即被自动清除。身份证、合同截图、私人照片等隐私敏感内容可以放心处理。
请检查: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)清除浏览器缓存刷新页面重试。