按像素坐标裁剪图片
使用明确的 X、Y、宽度和高度裁剪当前浏览器可读取的 JPG、PNG、WebP 或 GIF 静态图，并核对实际输出类型。
选择一张源图，在像素边界内定义矩形，预览准确取样，再检查构图、尺寸与 MIME 后下载。裁剪处理器使用浏览器图片与 Canvas API 运行。
浏览器本地图片处理
图片裁剪工具
裁剪预览
选择当前浏览器可解码的 JPG、PNG、WebP 或 GIF 后设置裁剪区域。动画只会变成浏览器提供的单张静态图。源图和裁剪边长都必须在 1–16384 像素内。
使用方法
三步完成处理
- 01
选择当前浏览器能够解码的文件；源图宽、高都必须在 1–16384 像素内。
- 02
输入左上角 X、Y 和裁剪宽、高，验证 X + 宽度、Y + 高度没有超过源图尺寸。
- 03
选择 PNG、JPEG 或 WebP，生成后检查预览、MIME、尺寸、边缘内容、透明度和文件大小，再下载。
实测示例：居中裁出 1600 像素正方形
2400 × 1600 横图的短边是 1600。居中正方形的 X =（2400 − 1600）÷ 2 = 400，Y = 0，宽高均为 1600。预览应在左右各移除 400 像素，竖直方向不移除。
边界失败属于坐标问题
X、Y 不能为负数；宽、高必须为正且不超过 16384；完整矩形还必须在源图内。源图宽 1200 时，X 900 加宽 400 的右边界为 1300，因此会被拒绝。
预览、输出与旧下载
修改坐标后会重新从所选源图绘制预览。坐标、格式或质量有任何变化，旧下载都会失效。若 Canvas 返回的 Blob MIME 与所选 JPEG 或 WebP 不同，工具不会使用错误扩展名。
需要另行复核的属性
裁剪会移除矩形外像素，但不保证动画、元数据、EXIF、ICC 配置、透明度或固定字节数。JPEG 不能承载 Alpha；浏览器解码、Canvas、内存和编码限制各异，应保留源文件。
本地处理器的准确边界
AIGClub 裁剪处理器使用对象 URL、内存中的 Image 与 Canvas、Blob 和下载链接，没有应用级上传调用；其他页面资源、浏览器扩展、设备软件、同步目录与后续分享不在这项说明内。
常见问题
关于这个工具
怎样定位裁剪越界的原因？
计算右边界 X + 宽度和下边界 Y + 高度，两者分别不能大于源图宽度和高度。
居中正方形为什么没有把人脸放在中间？
几何中心只平衡像素。应移动 X 或 Y 围绕主体取景，并在导出前检查目标平台遮罩。
改变输出格式后旧链接还能用吗？
不能。格式或质量变化会隐藏旧链接，需要重新生成并检查新的 Blob。
裁剪能保留 GIF 动画吗？
工具不作此保证。Canvas 处理浏览器提供的单张静态位图，原始动画文件应另行保留。
延伸阅读
相关文章
继续探索
相关工具
最后更新：