图片裁剪器

裁剪往往是图片出门前的最后一步：头像需要方形，缩略图需要 16:9，而截图里可能带着不该留下的时间戳或多余边框。这个工具完全在浏览器里用 Canvas API 完成裁剪、旋转和翻转。因为文件只在本地读取、绝不上传，它适合处理机密截图，而且没有传输步骤，操作始终流畅。

使用方法

1. 把 JPEG、PNG 或 WebP 拖到上传区域，或点击浏览文件。图片会出现在编辑器中，上面覆盖着一个裁剪框。
2. 拖动裁剪框中心来移动它，或拖动八个手柄中的任意一个来调整大小。如果需要固定比例，可以选择一个宽高比。
3. 以 90 度为步进旋转或翻转图片，然后查看实时预览，确认最终会导出哪些像素。
4. 选择 PNG、JPEG 或 WebP，设置质量滑块，然后下载结果。

宽高比与手柄

比例下拉菜单提供自由、1:1、4:3、16:9 和 3:2。

比例	典型用途
1:1	头像、个人资料图、商品方块图
4:3	经典显示器，部分印刷与演示版式
16:9	视频缩略图、横幅、宽屏幻灯片
3:2	大多数单反和无反相机照片

共有八个手柄：四个角点和四条边的中点。拖动角点会同时改变两个轴，拖动边只改变一个轴。锁定比例后，另一个轴会自动跟随，边手柄会围绕对边的中线对称扩张裁剪框。裁剪框被限制在图片边界内，并保持最小 10 像素，所以既拖不出边缘，也压不成零。

旋转与翻转的行为

旋转和翻转对裁剪选区的影响并不对称：

• 向左或向右旋转 90 度会重新确定图片方向，并把裁剪框重置为旋转后的完整画幅。这是有意为之，因为旧坐标已经无法干净地映射过来。
• 水平或垂直翻转会保留同一块源区域，但会镜像裁剪框的位置，使其与翻转后的图片对齐。内容原地不动。
• 旋转后输出尺寸会更新，因为 90 度转向会交换宽和高。

如果你需要在旋转后再裁剪，请先旋转，再在转向后的图片上拖动裁剪框。

实操示例：4000 x 3000 裁成方形头像

假设你上传一张 4000 x 3000 的照片并选择 1:1。裁剪框会从整幅宽度开始，但那将需要 4000 的高度，于是工具把它缩小到两边都能放下：裁剪区域变成 3000 x 3000 像素。左右拖动裁剪框来选择画幅的哪一部分成为方形，观察输出尺寸读数确认为 3000 x 3000，然后导出。如果这个结果作为网页头像还是太大，就再用图片压缩工具压一下或缩小尺寸；裁剪器刻意不改变像素尺寸。

导出格式与质量

• PNG 无损，并保留透明度。适合截图、logo 以及任何带 alpha 通道的图片。
• JPEG 更小但有损，适合照片。质量滑块从 1 到 100，默认 90；透明区域会被压平成黑色。
• WebP 在网页上高效，是否支持无损编码取决于浏览器，使用同一个质量滑块。

导出的文件是裁剪区域在源图原始像素分辨率下的结果。不会发生任何重采样或缩放，所以把一张 4000 像素宽的照片裁掉一半宽度，得到的就是 2000 像素宽的结果。这也意味着这里无法产出某个指定的目标尺寸；请先裁剪，再用专门工具缩放或压缩。

如何选择导出设置

格式	最适合	质量滑块
PNG	截图、logo、透明度	忽略，无损
JPEG	照片、较小的网页文件	生效，80 到 90 是不错的默认值
WebP	现代网页交付	生效，文件可以更小

对照片而言，质量 80 到 90 通常能大幅缩减文件体积，而在正常观看尺寸下看不出变化。对色块平坦或文字锐利的图形，PNG 可以避免有损压缩在边缘引入的振铃和模糊。如果 PNG 太大，先试 WebP 再考虑降到 JPEG，因为它能在更小的体积下保住锐利边缘和透明度。

各平台裁剪比例参考

目标	比例
个人资料图或头像	1:1
视频缩略图或封面	16:9
经典幻灯片或照片打印	3:2 或 4:3

发布前请核对平台当前的建议；平台会更改偏好的尺寸，适合某个位置的比例如今可能已不适用另一个位置。拿不准时，裁得比最终要求略宽一些，让平台去完成最后那点修剪。

一点实用提示：编辑器会把文件读入内存中的图像，因此磁盘上的原图永远不会被修改。下载裁剪结果会写入一个新文件，源文件保持原样。如果一次裁剪出错，重新载入原图再开始，而不是试图撤销一连串拖动。

相关工具

• 图片压缩
• 图片格式转换
• 图片转 Base64
• 网站图标生成器