图片裁剪

图片裁剪是什么意思？

图片裁剪，是把画面边缘的像素切掉、只保留你框选的部分——和"改尺寸"正好相反：改尺寸是整幅画面缩放、构图不变，裁剪是改变构图本身、留下的像素保持原分辨率。一张 4000×3000 的照片边缘有杂物，可以裁成主体突出的 3200×2400；一张 16:9 的横图可以裁成 1:1 的方图发朋友圈，剩下的像素依然锐利。

这款图片裁剪工具完全在浏览器里运行：原图加载到 HTML5 画布上，拖动裁剪框圈出想保留的区域，画布只导出这块区域——不上传、不经过服务器。内置 20 种常用比例预设，支持自由裁剪、旋转裁剪框和手动输入像素尺寸。

为什么需要裁剪图片？

裁剪是拍完之后修正构图最快的手段，常见场景有：

• 重新构图：拉近主体、裁掉留白、把地平线摆正，或者事后套用三分法构图。
• 适配平台比例：朋友圈/Instagram 方图 1:1、竖版 4:5、 stories 9:16、视频封面 16:9——先裁好再上传，避免平台自动裁切出错。
• 去掉多余内容：路人、水印、日期戳、房间边缘，直接裁掉比事后打码干净得多。
• 标准打印比例：3:2（6寸照片）、4:3（相纸）、5:7、A4 都有固定比例，先按比例裁好，冲印出来没有意外白边。
• 头像与缩略图：论坛、市场、App 的方形头像，裁一刀就是标准正方形。
• 统一画面规格：一批横竖不一的照片统一裁成同一比例，排版整齐。

自由、锁定比例还是精确像素？

三种裁剪模式覆盖不同的使用需求：

输出格式自选：照片用 JPG，带透明的图形用 PNG，网页图用 WebP。裁剪框还支持旋转角度，歪着拍的照片也能斜着裁正。

浏览器端图片裁剪是如何工作的？

工具把原图绘制到 HTML5 画布上，覆盖一个可拖动的选框；点击应用时，通过 ctx.drawImage(src, sx, sy, sw, sh, 0, 0, sw, sh) 把选中矩形 1:1 复制到第二个画布（源和目标尺寸一致，不做重采样），再按你选的格式编码导出。全程不离开设备，裁剪瞬间完成。

画质方面，裁剪比缩放温和得多：PNG、WebP 输出保持源像素原样（无损区域复制）；JPG 输出会按所选质量重编码一次，高质量档下肉眼无感。

常见问题

裁剪和改尺寸是一回事吗？

不是。裁剪是从边缘去掉像素、留下的部分保持原分辨率；改尺寸是把整幅画面缩放到新的宽高。想把 4000×3000 的照片变成 2000×1500：裁掉外圈后剩余区域依然锐利，缩放则是整幅图变小。重新构图用图片裁剪，整体缩放用图片改尺寸。

裁剪会让文件变小吗？

通常会——像素少了要编码的数据就少，变小的幅度和你保留的面积成正比。但如果目标只是减小体积，图片压缩效率高得多。

有哪些比例预设？

内置 20 种：1:1、2:3、3:2、3:4、4:3、4:5、5:4、5:7、7:5、9:16、16:9、2:1、3:1、4:1、14:9、16:10、21:9、32:9、9:20，以及自由裁剪；也可以手动输入精确的像素宽高。

单张图片最大多大？

单张最大 200MB。裁剪全程在浏览器本地完成，原图始终不离开你的设备。

支持哪些格式？

输入支持 JPG、PNG、WebP、GIF、BMP 等常见格式，输出可选 JPG、JPEG、PNG、WebP 或保持原格式。想按格式深度处理，可以用 JPG裁剪、PNG裁剪 或 WebP裁剪。

图片真的不会上传吗？

真的不会。图片裁剪是 100% 浏览器端工具——图片在本地内存解码、选中区域在画布上复制、再导出保存，全程没有任何数据发往服务器。上传区上方的绿色标识会随时提醒你这一点。

图片裁剪与其他工具对比