图片裁剪工具
Web 工具通过拖拽选区把图片裁剪到精确尺寸或预设比例（1:1、16:9、4:3），导出 PNG、JPEG 或 WebP，适合头像裁剪与证件照尺寸调整，用于前端调试、接口联调与 SEO 配置，本地处理保护隐私，免费且无需登录即可使用。
相关工具
关于 图片裁剪工具
图片裁剪工具基于 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 图，避免被 CSS 强压变形。
- 去除多余边缘 — 裁掉照片中不必要的边缘元素，突出主体，改善构图。
常见问题
支持哪些裁剪比例？
支持自由裁剪及 1:1、16:9、4:3、3:2、2:3 等常见比例锁定，也可手动输入自定义比例。
能精确指定尺寸吗？
可以。在裁剪框旁的尺寸输入框中输入目标宽高（像素），裁剪框会自动适配。
裁剪后能导出哪些格式？
支持导出 PNG、JPEG、WebP 三种格式，JPEG 和 WebP 可调整质量，无透明需求时优先选 JPEG 或 WebP 更省体积。
裁剪会让图片变模糊吗？
裁剪本身不改画质，但裁小后再放大到原大才会因上采样变糊。建议按目标平台规格一次性裁到位，避免二次缩放。
裁剪后文件会变小吗？
会。裁剪会减少像素数量并重新编码，文件体积通常随之下降；若选择 JPEG 或 WebP 并降低质量，减重会更明显。
图片会上传吗？
不会。所有裁剪在浏览器本地通过 Canvas API 完成，图片不上传任何服务器，可安全处理隐私照片。
评论与讨论
评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。