关于 图片裁剪工具
图片裁剪工具基于 Canvas 2D API 在浏览器本地提供可视化的拖拽裁剪编辑器。通过 drawImage 方法的源矩形参数实现裁剪，支持自由裁剪和 1 比 1、16 比 9、4 比 3、3 比 2、9 比 16 等常见宽高比锁定，裁剪框可拖拽调整大小和位置。裁剪结果可导出为 PNG、JPEG 或 WebP 格式并控制输出质量。适用于社交媒体头像制作、视频封面裁剪、证件照调整和电商商品图适配等场景。裁剪过程中实时显示输出图片的像素尺寸和预估文件大小，方便针对不同平台的尺寸要求精确调整裁剪范围，支持输入框直接设定裁剪坐标的精确数值。所有处理在浏览器本地完成，图片不会被上传到任何服务器，个人照片和敏感图片可放心裁剪。
使用方法
- 打开 图片裁剪工具 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- 社交媒体头像 — 裁剪图片为 1:1 正方形作为微信、微博、GitHub 等平台头像。
- 视频封面 — 裁剪图片为 16:9 比例作为 YouTube、B 站视频封面。
- 证件照裁剪 — 按证件照规格裁剪人像，去除多余背景。
- 网页 Banner — 裁剪图片至指定尺寸作为网页横幅或 Hero 图。
- 去除多余边缘 — 裁掉照片中不必要的边缘元素，突出主体。
常见问题
支持哪些裁剪比例？
支持自由裁剪及 1:1、16:9、4:3、3:2、2:3 等常见比例锁定，也可手动输入自定义比例。
能精确指定尺寸吗？
可以。在裁剪框旁的尺寸输入框中输入目标宽高（像素），裁剪框会自动适配。
裁剪后能导出哪些格式？
支持导出 PNG、JPEG、WebP 三种格式，JPEG 和 WebP 可调整质量。
图片会上传吗？
不会。所有裁剪在浏览器本地通过 Canvas API 完成，图片不上传任何服务器。
有浏览器兼容性要求吗？
本工具兼容所有现代浏览器（Chrome、Firefox、Edge、Safari），无需安装任何插件。
评论与讨论
💬 评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。