跳到内容

✂️ 图片裁剪

通过拖动矩形选择裁剪图片。支持宽高比固定 (1:1 / 4:3 / 16:9 / 自由)。浏览器内处理。

完全免费 无需注册 浏览器内完成 5 种语言 深色模式

🔒 关于隐私

📂

拖放、点击或粘贴图片

📖 常见的坑

在图像上拖拽出矩形即可裁剪,支持固定宽高比(1:1 / 4:3 / 16:9 / 3:2 / 9:16 / 自由),可导出 PNG、JPEG、WebP。处理使用 Canvas API,全部在浏览器内完成。裁剪是真正丢弃像素的操作,无法撤销——它不是改变可见范围;落在选区之外的数据在输出文件中就不复存在了。这一点是下面各条注意事项的前提。

情形 会发生什么 怎么处理
裁出来的图比预想的更小、更糊 裁剪的输出尺寸就是你所选区域内的真实像素数。在一张 4000px 的照片上选一块屏幕上看着「不大」的区域,若它对应原图的 300px,输出就是一张 300px 的图。屏幕缩小显示时最容易误判,「从大照片里裁的,分辨率肯定够」这个假设就此落空。用作社交平台的头图或缩略图时,会在目标站点被拉伸,明显发糊 请先确定用途所要求的输出尺寸。OGP 图是 1200×630,X 的头图是 1500×500——既然有规定尺寸,原则就是不要裁出小于该尺寸的区域一旦不够,放大也换不回画质——唯一的办法是重新准备更高分辨率的原图。就作业顺序而言,先按所需比例裁剪,再用缩放工具调整到规定尺寸最为稳妥(图像缩放)。拖动选区时,请留意该区域的真实像素数——这是唯一可供判断的依据。
固定了比例,输出的宽高比却不精确 锁定比例是在拖拽过程中约束选框的功能,而最终的像素数要取整到整数像素。你以为选的是 16:9,输出却可能差一个像素,变成 1920×1079。而且当选区触到图像边缘时,会被钳制在那里,比例随之被破坏——想用满整幅时最容易发生。在社交预览图、视频缩略图这类尺寸有严格规定的用途中,这 1 个像素会以边框或拉伸的形式被看见。 若确实需要精确尺寸,请在裁剪之后再做一次缩放——1 个像素的差异会被缩放吸收,正好落在规定尺寸上。顺序很重要:先缩放再裁剪,可能会装不下你想要的区域若需要用到边缘,不如关掉比例锁定自由选取,之后再用缩放把比例调准,反而更快。而最终确认,请务必在实际投放位置上进行——各社交平台会按自己的规则裁切 OGP 图,因此即便做成 1200×630,偏离中心的部分也可能被切掉。请把重要元素放在靠中间的位置。
存成 JPEG 后,透明区域变黑了 JPEG 无法承载透明度。把带透明的 PNG(logo 或图标)裁剪后存为 JPEG,原本透明的区域会被填成白色或黑色。具体是哪一种取决于实现,而由于 Canvas 的初始状态是「透明的黑」,结果多半是黑色。为白底页面准备的图片却带着黑边出现,就是这么来的。WebP 能够保留透明度,因此不会有这个问题。 需要透明就选 PNG 或 WebP。大致的取舍是:照片用 JPEG 或 WebP,带透明的图形与 logo 用 PNG 或 WebP,若以文件体积为先则用 WebP。WebP 在同等画质下比 JPEG 小 25~35%,并且支持透明与动画——主流浏览器均已支持,网页用途首选。但作为邮件附件、用较旧的图像软件打开、或送交印刷厂时,WebP 可能打不开——若已知接收方是谁,请选择对方能打开的格式。拿不准时,PNG 是兼容性最高的选择。

当裁剪的目的是「遮掩」时,请留意格式。裁剪 PNG 或 JPEG 会真正丢弃像素,是安全的;但 PDF、Word、PowerPoint 的「图片裁剪」只是改变可见范围,原图仍完整地留在文档里——对方只要点一下「重设裁剪」就能全部看到。这条路径已经不止一次造成真实的信息泄露;用黑色矩形盖住同样不安全,因为形状可以被直接移开。要删除机密内容,请务必先导出为图片,再编辑那张图片。其次:经过 Canvas 后 EXIF 会被清除,GPS 坐标与拍摄时间随之消失——作为公开前的处理相当合适,但若业务流程需要保留拍摄时间,就必须另行记录这些元数据

📖 使用方法

  1. 1
    加载图片
    拖放、点击或使用 Ctrl+V 粘贴。
  2. 2
    选择宽高比
    可选自由 / 1:1 / 4:3 / 16:9 / 3:2 / 9:16。
  3. 3
    拖动区域
    在图片上拖动选择区域。重置可清除选择。
  4. 4
    裁剪并下载
    执行裁剪后下载。

❓ 常见问题

我的图片会上传到服务器吗?
不会。所有处理均在您的浏览器中完成。
裁剪区域的精度?
精确到 1 像素。即使显示缩小也无偏差。
支持哪些图片格式?
输入:浏览器支持的所有格式。输出:PNG / JPEG / WebP。
🐛 此工具出现问题了吗?

免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。

※ 为复现问题,浏览器信息 (UA / 屏幕 / 语言 / URL) 将自动发送