图片裁剪工具
在线裁剪图片，支持自由裁剪和固定比例
本工具在浏览器本地运行，不会上传你的数据，保护你的隐私安全。
点击选择图片，或将图片拖拽到这里
支持 JPG、PNG、WebP
这是什么工具？
图片裁剪工具支持自由裁剪和固定比例裁剪（1:1、4:3、16:9、9:16）。拖动裁剪框选择区域，实时预览裁剪结果。支持 JPG、PNG、WebP 输出。所有图片在浏览器本地处理，不上传服务器。适用于头像裁剪、封面图制作、社交平台图片适配等场景。
如何使用？
- 1 上传需要裁剪的图片
- 2 选择裁剪比例或使用自由裁剪
- 3 拖动调整裁剪区域
- 4 点击「裁剪」预览结果并下载
常见问题
图片会上传服务器吗？
不会，图片裁剪在浏览器本地完成。
支持哪些裁剪比例？
支持自由裁剪、1:1、4:3、16:9、9:16。
可以裁剪头像吗？
可以，1:1 比例适合裁剪头像图片。
适用场景与示例
- 裁剪头像到 1:1 正方形，适配社交平台
- 按 16:9 / 4:3 裁剪封面图、文章配图
- 去掉照片多余的边距，把主体居中
- 从截图中截取需要的区域
输入
一张 4:3 的照片
输出
1:1 的正方形裁剪图
💡 固定比例会约束裁剪框形状，自由裁剪则不限制比例。
原理与常见错误
图片裁剪是在原图上选定一个矩形区域并导出该区域。浏览器端实现仍依赖 Canvas：用 drawImage 把原图的指定源区域（sx, sy, sWidth, sHeight）绘制到目标 canvas，再导出。裁剪比例（1:1、4:3、16:9、9:16）本质是约束裁剪框的宽高比，方便适配不同平台；自由裁剪则不约束比例，可任意拖动。常见交互是拖动裁剪框选择区域、实时预览结果。需要注意裁剪是「丢弃」框外的像素，框外的内容不会出现在结果里，因此裁剪前应确认主体完整落在框内。
⚠️ 裁剪后主体被切掉
调整裁剪框位置和大小，确保主体完整在框内。
⚠️ 想要的比例选项里没有
用自由裁剪手动拖动，或选最接近的固定比例。
⚠️ 裁剪后画质下降
裁剪本身不降画质，若糊多半是导出 quality 调得过低，适当提高。
⚠️ 导出格式不合适
按内容选：照片用 JPG、需要透明用 PNG、兼顾体积用 WebP。
参考与更新
最后更新：2026-06-29