图片裁剪工具

Web 工具

通过拖拽选区将图片裁剪到精确尺寸或预设比例(1:1、16:9、4:3),导出为 PNG、JPEG 或 WebP 格式。所有处理在浏览器中完成,适合头像裁剪、证件照尺寸调整与社交媒体配图裁切。

比例

关于 图片裁剪工具

图片裁剪工具基于 Canvas 2D API 在浏览器本地提供可视化的拖拽裁剪编辑器。通过 drawImage 方法的源矩形参数实现裁剪,支持自由裁剪和 1 比 1、16 比 9、4 比 3、3 比 2、9 比 16 等常见宽高比锁定,裁剪框可拖拽调整大小和位置。裁剪结果可导出为 PNG、JPEG 或 WebP 格式并控制输出质量。适用于社交媒体头像制作、视频封面裁剪、证件照调整和电商商品图适配等场景。裁剪过程中实时显示输出图片的像素尺寸和预估文件大小,方便针对不同平台的尺寸要求精确调整裁剪范围,支持输入框直接设定裁剪坐标的精确数值。所有处理在浏览器本地完成,图片不会被上传到任何服务器,个人照片和敏感图片可放心裁剪。

使用方法

  1. 打开 图片裁剪工具 工具页面
  2. 根据需求输入或粘贴数据到输入区域
  3. 查看实时处理结果,使用复制按钮获取输出

使用场景

  • 社交媒体头像 — 裁剪图片为 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 后可支持云端评论。