裁剪图像会导致文件变小吗?
当我们对 538.6 KB 的照片应用 16:9 裁剪时,文件大小增加到 671 KB。裁剪和调整文件大小是两个独立的操作,都是使用相同的裁剪工具进行测量。
名为 texture.jpg 的照片,尺寸为 3840x2160,重 538.6 KB。将 在线图像裁剪器 设置为 16:9,然后按裁剪。下载的图像保持 3840x2160,文件大小现在为 671 KB。由于原始图像的比例为 16:9,矩形区域覆盖了所有像素。以质量 92 保存的版本生成的 JPEG 文件比您开始时的文件更大。
人们认为裁剪应该减少文件的大小,因为剩下的像素更少。裁剪决定了矩形,而保存则写入字节。下面的示例来自我们自己的裁剪工具,包括那些让我们看起来更糟的示例。
裁剪会导致文件大小变小吗?
有时,当像素被移除时,编码器可用的图像更少,深度裁剪通常会导致图像更小。编码器仍然负责选择文件大小。以下展示了使用我们裁剪工具处理同一张照片的四个实例,采用预设的纵横比:
| 比例 | 输出像素 | 输出文件 | 变化 |
|---|---|---|---|
| 1:1 | 2160 x 2160 | 413 KB | 小 23% |
| 4:3 | 2880 x 2160 | 519.6 KB | 小 4% |
| 16:9 | 3840 x 2160 | 671 KB | 大 25% |
| 9:16 | 1215 x 2160 | 259.9 KB | 小 52% |

当 16:9 照片裁剪为 16:9 时,文件大小从 538.6 KB 增加到 671 KB,质量设置为 92 高于原始保存的质量。
值得关注的是 16:9 行;文件中没有移除任何像素,但其大小增加了 132.4 KB。JPEG 以 8x8 的块存储图像。当在比原始更高的质量水平上进行新的编码,或在不再匹配这些块的网格上进行编码时,文件可能会变得比丢弃的像素数量更大。如果目标是保持文件小,则应将裁剪结果发送到 图像压缩器。该滑块在此特定 照片 上不再有帮助的点在其自己的部分中进行测量。
裁剪对图像质量有影响吗?
是的,这在 JPEG 中发生过;JPEG、WebP 和 AVIF 都是在质量水平为 92 时解码并重新编码的。这个设置足够高,在照片中几乎不可察觉,但仍然涉及第二次有损压缩。在包含大量小文本的截图中,使用前需要在 100% 下检查它。
裁剪 PNG 是一个无损过程。矩形内的像素与原始文件中相应区域的像素完全相同。这在 alpha.png 的情况下得到了验证:当对 900x606 的文件应用 1:1 裁剪时,生成的 606x606 PNG 的 RGBA 值与原始文件中间方块的 RGBA 值匹配,文件大小从 942.4 KB 减少到 521.5 KB,因为移除了 294 列。保留 alpha 通道 的格式版本是该规则中提到的版本。
无损 JPEG 裁剪可以通过一个名为 jpegtran 的命令行工具实现,因为它只在 8 或 16 像素的间隔处裁剪,以保持 DCT 块完整。图像首先通过浏览器的画布裁剪器解码,包括我们自己的裁剪器,通过 OffscreenCanvas.convertToBlob。
裁剪和调整大小有什么区别?
裁剪丢弃矩形外的像素并改变构图。调整大小保留整个图像并改变其宽度和高度。
当面孔在宽幅照片中显得太小时,首先将其裁剪为 1:1 比例。如果构图已经正确且平台要求 1080x1080,则调整大小。大多数个人资料照片需要这两个步骤,按此顺序进行,因为仍然为 2160 像素宽的正方形是 Instagram 动态消息宽度的两倍。
1:1 的纵横比为 2160x2160,重 413 KB;它具有正确的形状,但仍然是 1080 图像的两倍宽。

Instagram 的 尺寸指南 适用于四个宽度为 1080 像素的目标。与调整大小工具不同,放大器是另一种选择,当裁剪留下的像素太少以用于打印或屏幕时使用。
我可以将图像调整为精确的像素大小吗?
不可以。裁剪器使用纵横比和绘制的矩形进行操作,没有宽度或高度字段。我们故意省略了这些字段,因为包含像素目标往往会导致输出更频繁地被拉伸,而不是产生人们输入的框。
使用所需的比例进行调整大小,然后在 调整大小工具 中输入确切的像素值。由于比例已经匹配,因此该比例是干净的。对于自定义比例,请使用两个整数字段,4 和 5,设置 4:5 的纵向图像。
裁剪会删除 EXIF 和 GPS 数据吗?
是的,裁剪是在新的画布上进行的,然后从头开始编码,这意味着原始的元数据不再保留。您下载的文件中缺少 EXIF 数据、GPS 坐标、时间戳和嵌入的缩略图。相机品牌和型号的信息也缺失。方向在裁剪之前应用于像素,因此带有旋转标志 6 的手机照片最终是正向的。
未裁剪的 AVIF 图像仍然会被重写。图像 img.avif 的尺寸为 400x269,大小为 9.3 KB;经过自由形式裁剪整个图片后,返回为 21.3 KB。我们再次得到了相同数量的像素,新的编码和更大的文件。这与 16:9 JPEG 行的机制相同。如果您在裁剪时打开网络选项卡,您会看到它保持为空:解码和编码都在该选项卡内进行。我们 隐私政策 中声明我们收集的唯一数据是页面浏览量和匿名工具使用数据。
裁剪 GIF 的结果是什么?
您最终得到的是 PNG;当 GIF 在浏览器中解码时,只获得第一帧,这意味着任何以 .gif 扩展名保存的内容实际上是一个静态图像,具有动画文件名。文件扩展名的更改使得扁平化变得明显。文件 anim.gif 的大小从 587.4 KB 减少到 320x214 的 PNG,大小为 115.9 KB,仅包含一帧。
裁剪器一次处理一张图像,最大文件大小为 10 MB;裁剪矩形是针对单张图片做出的选择。同样,压缩器、调整大小工具和转换器每次会处理最多 10 张图像。