无损压缩与有损压缩
无损压缩以更紧凑的方式存储像素,打开图片时能还原出完全相同的数值。PNG 是无损格式,WebP 也有无损模式。节省的空间来自重复:大片平坦区域和重复图案压缩效果好,照片和噪点多的图片则压缩效果差。
有损压缩(JPG 使用,WebP 通常也使用)会丢弃人们不太容易察觉的信息。例如,JPG 把图片分成 8 × 8 像素的块,并以较低的精度存储其中的细节;颜色信息的分辨率通常也低于亮度信息。被丢弃的信息无法恢复。
质量数值的含义
质量数值通常在 1 到 100 之间,是一项编码器设置,用来控制细节保存得有多粗略。它既不是原始文件大小的百分比,也不是原始质量的百分比:以 50 保存的 JPG 并不是以 100 保存时的一半大小。同一个数值在不同程序和格式之间含义也不同:WebP 的 75 不等于 JPG 的 75。
文件大小并不会随着数值降低而均匀下降。最高的几档设置会为难以察觉的差别多占用大量空间,而最低的几档设置额外节省的空间相对较少,却会带来明显的压缩伪影:
- 块状效应:JPG 中出现可见的方块,在天空等平滑区域尤为明显。
- 振铃效应:锐利边缘和文字周围出现光晕和斑点。
- 涂抹感:草地或头发等细腻纹理变得一片平板,这是低质量 WebP 的典型表现。
- 色带:平滑的渐变分裂成一级一级可见的色阶。
请以实际尺寸,在人脸、文字和渐变等重要部位上判断结果。LeedyBox 图片压缩工具的初始值为 75,并会并排显示原图和结果。
PNG 颜色缩减与色带
由于 PNG 是无损格式,要让 PNG 明显变小,主要办法是先减少颜色(颜色量化)。图片会被映射到最多 256 种颜色的调色板上,之后每个像素只需存储一个不超过一字节的调色板索引,而不是三到四个字节。调色板中的颜色可以是部分透明的,因此透明度得以保留。
这对颜色较少的截图、徽标、图表和示意图效果很好。照片以及天空、柔和阴影等平滑渐变包含成千上万种色调;映射到较小的调色板后,渐变就会变成可见的色带。LeedyBox 不使用抖动处理;有些工具会用它来掩盖色带,代价是画面出现颗粒感、文件也更大。
在 LeedyBox 中,质量滑块决定 PNG 调色板的最大颜色数:设为 99 时为 256 种颜色,默认值 75 时约为 130 种,设为 1 时为 16 种。设为 100 时不减少颜色,只对 PNG 重新压缩。对于照片,JPG 或 WebP 通常能得到更小的文件,而且损伤也不那么明显。
如何达到目标文件大小
针对有大小限制的上传表单,“目标文件大小”模式会替您搜索合适的设置:
- 对于 JPG 和 WebP,先尝试质量 95。如果文件仍然过大,就在 5 到 95 之间反复对半缩小范围,并保留能满足要求的最高质量。
- 对于 PNG,先尝试无损版本,再依次尝试 256、128、64、32 和 16 种颜色。
- 如果都无法满足且允许缩小尺寸,就以上一次的结果为基础,将每条边至少缩小 10%,然后再次搜索,最小可缩至原始宽度和高度的 10%。
由于先降低质量、后缩小尺寸,目标过小时可能得到一张原尺寸但质量极低的图片。如果知道显示尺寸,请一并开启“同时限制宽度和高度”,以免把大小预算浪费在没人看得到的像素上。结果通常略低于目标值。LeedyBox 按 1 KB = 1024 字节计算;有些网站指的是 1000 字节,因此请留出余量。如果无法达到目标,您会得到最小的结果和一条警告。
压缩无济于事的情况
已经以中等质量保存过的图片,可以再去掉的东西所剩无几。重新编码可能几乎节省不了空间,甚至得到更大的文件;而且每次有损编码都会在旧误差之上叠加新的误差,因此反复编辑、反复保存的 JPG 会不断损失细节。请保留原图,每次都从原图开始压缩,并把压缩放在最后一步,在裁剪和调整尺寸之后进行。
更换格式也有陷阱:JPG 照片保存为 PNG 后往往会变大;截图保存为 JPG 后虽然可能变小,但文字周围会出现振铃效应。当结果不比原图小时,LeedyBox 图片压缩工具会选择原图供下载;您可以为每张图片改选压缩后的文件。
副作用:元数据与透明度
LeedyBox 图片压缩工具会在浏览器中重新绘制每张图片并编码为新文件,因此 EXIF 数据、GPS 位置、相机信息、版权字段和颜色配置文件都不会被保留。这有助于保护隐私,但请确认您是否需要作者或版权信息。带有广色域颜色配置文件的图片,处理后看起来可能略有不同。相机方向会应用到像素上,因此照片会保持正向。
JPG 不支持透明:透明区域会变成白色,柔和的边缘会与白色混合,在深色背景上显出一圈浅色毛边。徽标和抠图请保留为 PNG 或 WebP;参见为什么透明 PNG 转换为 JPG 后会失去透明效果。
常见问题
照片应该使用什么质量设置?
从 75 开始,以实际尺寸进行比较。如果在重要区域看到方块或涂抹感,就调高;如果文件必须更小,而图片看起来仍然不错,就小幅逐步调低。
WebP 比 JPG 更小吗?
在视觉质量相近时通常如此,但并非每张图片都是这样。请两种都比较一下,并确认要发布的地方支持 WebP。
应该先调整尺寸还是先压缩?
如果图片大于实际显示尺寸,请先调整尺寸;图片压缩工具的“同时限制宽度和高度”选项可以一步完成这两项操作。另请参阅图片尺寸调整工具和指南调整图片尺寸:像素、宽高比与 DPI。