图片裁剪缩放
本地裁剪与缩放图片,支持圆形与常见比例
拖拽图片到这里,或点击选择
支持 JPEG、PNG、WebP、GIF,单个文件不超过 20MB
最后更新:2026-10-11
工具介绍
裁剪与缩放是图片处理里最常做的两件事,但把原图上传到别人的服务器再取回来,对证件照、截图这类含敏感信息的图片并不合适。本工具用浏览器的 Canvas 接口在本地完成全部处理:你可以按自由比例或 1:1、16:9、4:3、3:2 等常见比例框选区域,也可以裁成圆形;输出尺寸可等比缩放,格式支持 JPEG、PNG、WebP,还能调整质量与背景色。处理全程不联网,原图不会离开这台设备。
功能特性
六种裁剪模式
自由裁剪,或按 1:1、16:9、4:3、3:2 固定比例裁剪,还可裁成圆形(适合头像)。
精确控制区域
横向起点、纵向起点、宽度、高度都可以手动输入像素值,便于对齐到精确位置。
缩放与宽高比锁定
输出尺寸可等比缩放,也可锁定宽高比后只改一边,另一边自动跟随。
三种输出格式
支持 JPEG、PNG、WebP 输出,并可调整质量。需保留透明背景时请选 PNG 或 WebP。
透明区域填充
JPEG 不支持透明,裁成圆形或含透明区域时会自动填入你选择的背景色,避免出现黑块。
处理前后对比
显示原图尺寸与文件大小,处理后给出新尺寸与大小变化百分比。
怎么用
- 1
导入图片
拖拽图片到上传区,或点击选择文件。
- 2
选择裁剪模式
按需选择自由、正方形、16:9 等比例,或圆形。
- 3
调整区域与尺寸
拖动或输入起点与宽高;在「缩放」里设定输出尺寸,可锁定宽高比。
- 4
设置输出并处理
选择输出格式与质量,点击「开始处理」,再下载结果。
参数说明
- 裁剪模式
- 自由、正方形、16:9、4:3、3:2 或圆形。
- 横向/纵向起点
- 裁剪区域左上角在原图中的像素坐标。
- 宽度/高度
- 裁剪区域的像素尺寸。
- 输出尺寸
- 结果的像素尺寸,可锁定宽高比避免变形。
- 输出格式
- JPEG、PNG 或 WebP。需要透明请选后两者。
- 质量
- JPEG 与 WebP 的压缩质量,数值越高越清晰、文件越大。
- 背景色
- JPEG 输出时用于填充透明区域的颜色。
适用场景
- 把横图裁成 1:1 方图用于社交媒体头像
- 把截图裁掉多余边缘后再缩放成指定尺寸
- 给含身份证、合同等敏感内容的图片做裁剪,不希望上传到第三方
- 把照片裁成圆形用于论坛或应用头像
常见问题
关于这个工具,你可能会问
图片会被上传到服务器吗?
不会。图片通过浏览器的文件接口读取到内存,裁剪与缩放全部由 Canvas 在本地完成,不产生任何网络请求。你可以断开网络后继续使用本工具来验证这一点。
为什么 JPEG 输出的透明区域变成了黑色?
因为 JPEG 格式在设计上就不支持透明通道,透明像素没有可存储的表达方式。本工具会把它填充成你选择的背景色,默认白色;如果你的页面底色是白色,选白色即可无缝衔接。想真正保留透明请改用 PNG 或 WebP。
裁剪后图片变模糊了?
如果是放大操作,模糊是必然的 —— 放大不会凭空产生细节,只是把已有像素拉伸。如果是缩小后仍然模糊,请检查输出质量是否调得过低。另外,建议先裁剪再缩放,顺序反了会损失精度。
支持多少种图片格式?
导入支持浏览器能解码的常见格式,包括 JPEG、PNG、WebP、GIF(取首帧)以及 BMP。输出支持 JPEG、PNG、WebP 三种 —— 这是 Canvas 广泛支持的可编码格式。
能同时处理多张图吗?
当前版本一次处理一张,这样你可以对每张图单独设置裁剪区域。批量裁剪通常意味着统一尺寸,建议先处理一张确认参数合适,再依次处理其余图片。
裁剪区域的数字可以手动输入吗?
可以。四种参数(横向起点、纵向起点、宽度、高度)都支持直接输入像素值,适合需要精确对齐到某个位置的场景,例如从固定坐标裁出图标。
输出尺寸和裁剪尺寸有什么区别?
裁剪尺寸决定「取原图的哪一块」,输出尺寸决定「这块以多大像素导出」。两者相等时是原样导出;输出更小是缩小(更清晰更省空间);输出更大是放大(不会增加细节,通常不建议)。
有文件大小限制吗?
单个文件建议不超过 20MB。过大的图片会占用较多内存,在低配设备上可能变慢。由于图片只在你的设备上处理,实际可处理的规模取决于本机内存。