在线裁剪图片空白区域

自动检测并移除图片边缘的空白像素。通过裁剪透明或纯色边框,将图片尺寸最小化。

裁边工具做了什么

裁边工具会从图片的四条边分别向中心扫描像素,找出均匀边框结束、真正的主体开始的位置。在“透明”模式下,它会读取 alpha 通道,逐行逐列向内扫描,直到遇到一个不是完全透明的像素为止。在“背景颜色”模式下,它会把每个边缘像素的 RGB 值和一个参考颜色进行比较——这个颜色可以用自动检测自动取样,也可以通过“待裁边颜色”手动设置——只要像素落在您设置的容差范围内,就继续向内扫描,容差从 0(只有完全一致的颜色才算作边框)到 255(几乎任何颜色都被当作边框)。四条边的扫描都停止之后,这些边界线会定义出一个外接矩形,画布会被裁剪到这个范围,再把您设置的内边距作为边距添加回每一条边上。 它做不到的是:清理一个本身并不均匀的边框。渐变背景、柔和的投影,或者边缘附近的 JPEG 压缩噪点,都不会被干净地识别为一条统一的裁剪线——根据您把容差调多高,可能只会得到部分裁剪,甚至完全不裁剪。“边缘连通”模式改变的是“背景颜色”模式下什么才算作可裁剪的背景:它不再匹配图片中任意位置和参考颜色相同的像素,而是只移除那些与画布外边缘连续相连的背景色像素,因此主体内部一块碰巧同色的区域——比如高光、点缀色,或设计中的一个镂空——不会被误裁。这里的一切都是通过直接读取您浏览器中的画布像素数据完成的;裁剪计算本身永远不会离开您的设备。

裁边工具为什么重要

从影棚拍摄流程或电商模板导出的产品照片,边距往往并不一致——一张照片左边留了一英寸的空白,下一张几乎没有留白,即使每张画布尺寸相同,堆叠进产品目录网格后缩略图看起来也会参差不齐。裁边工具通过把每张图片裁剪到它实际的内容范围来消除这种不一致,而不需要您逐张用套索工具目测选区。 从设计工具导出的游戏和 App 图标素材,经常会带有内置的透明留白——真正的图案是 96×96,却被放在一个 128×128 的画布里。这部分多余的 alpha 边距会打乱精灵图集,让像素级对齐的锚点错位,并在放大使用时浪费纹理内存;把图标裁剪到 alpha 通道的外接边界,可以在不改动图案本身的前提下修复这个问题。 带有窗口边框、浏览器工具栏,或纯色桌面背景的截图,在放进文档或工单之前需要同样的清理——用取样得到的边缘颜色搭配“背景颜色”模式,一次操作就能去掉这层外框,不需要手动裁剪。 保存在纯白或纯色画布上的扫描贴纸、logo 或线稿,同样会从中受益:裁剪能在把它们放进版式或叠加到另一个编辑器之前,把文件缩减到实际内容的范围,即使图案本身包含和背景同色的形状,“边缘连通”模式也能保证这个过程是安全的。

无需手动套索裁剪,得到紧贴内容的外接边框
让边距不一致的照片呈现一致的取景
为精灵图、图标和贴纸得到更小的 PNG 尺寸
“边缘连通”模式保护与边框颜色相同的内部形状

如何裁边

裁边分为一次检测和一次裁剪,因此大部分工作都在应用之前选择合适的设置。

1

选择一种检测模式:带 alpha 通道边缘的 PNG 用“透明”模式,任意格式的纯色边框用“背景颜色”模式

2

在“背景颜色”模式下,点击自动检测来取样边框颜色,或手动设置“待裁边颜色”,然后调整容差,直到预览轮廓紧贴主体

3

如果想在裁剪后保留一点小边距,而不是完全贴边裁剪,请设置内边距;如果主体内部有和边框颜色相同、不应该被裁掉的区域,请打开“边缘连通”

4

如果边框根本不是纯色,请先打开“先去除背景”,然后应用,把画布裁剪到检测出的外接边框

常见问题

裁剪需要您自己拖动或绘制边界;裁边工具通过检测均匀边框结束、主体开始的位置来自动计算边界。当您想要移除图片实际内容的一部分,或改变宽高比时,用裁剪;当您只是想去掉空白的透明或纯色边距,而不动主体内容时,用裁边工具。两者也可以搭配使用——先用裁边得到一个紧凑的外接边框,之后如果还需要特定的宽高比,再进行裁剪。
裁边的计算直接读取您浏览器中画布的像素数据,从不会把文件发送到服务器。检测模式、容差、内边距,以及裁剪本身,都是在本地计算完成的,因此只要您只是在做裁边操作,图片就会一直留在您的设备上。
容差设置的是一个像素的颜色可以偏离参考边框颜色多远,仍然算作背景,取值范围是 0 到 255。设为 0 时,只有完全一致的颜色才会被裁掉,这对干净、没有噪点的 PNG 背景效果很好。调高容差可以让轻微变化的像素——比如 JPEG 压缩痕迹、抗锯齿边缘、淡淡的渐变——也被纳入裁剪范围,但如果调得太高,一旦主体的某些颜色接近边框颜色,就可能开始被误裁进去。
它在处理本身并不均匀的边框时会遇到困难——柔和的投影、渐变背景,或者边缘附近较重的压缩噪点,根据容差设置的不同,可能只会被部分裁掉,或者完全裁不掉。如果主体的颜色和边框颜色很接近,过高的容差可能会侵蚀到主体本身,这也是为什么在应用之前先检查预览轮廓,比默认把容差拉满更值得做的原因。
如果不开启它,“背景颜色”模式会匹配图片中任意位置、只要颜色符合参考色的像素。“边缘连通”把这个范围限制为只处理那些与画布外边缘连续相连的背景色像素,因此主体内部碰巧和边框颜色相同的一小块区域——比如高光、点缀形状,或设计中的一个镂空——会被保留下来,而不会被当作可裁剪的背景处理掉。
可以,但只能用“背景颜色”模式——“透明”模式依赖 alpha 通道,而 JPEG 没有这个通道,因此没有可供检测的内容。请切换到“背景颜色”模式,用自动检测取样边框,或手动设置“待裁边颜色”,并把容差稍微调高一点,以吸收边缘附近的 JPEG 压缩噪点。
它会先对图片运行本站的去除背景功能,把周围区域变透明,然后在“透明”模式下裁剪到这个新的透明外接边框——当您源图片的边框不是“背景颜色”模式能够干净匹配的纯色时,这个选项很有用。去除背景是一个独立于裁边计算本身的功能,如果您需要了解它具体是如何处理图片的,请查看该工具自己的页面。
内边距会以像素为单位,给裁剪后的外接边框每一条边都重新加回一段固定的边距,因此您得到的不是紧贴主体的裁剪结果,而是重新带有一圈均匀细边的效果。把它设为 0 可以得到最紧凑的裁剪;如果对 UI 图标或缩略图位来说,完全贴边显得太紧,可以设置几个像素的内边距。

更多图片工具

探索其他强大的图片编辑工具