「不损画质」是图片压缩里被搜索最多的词,也最被误解。它分两种:数学无损(像素完全一致)和视觉无损(人眼看着一样)。理解二者的差别,是大幅缩小体积同时保持好看的关键。
两种「不损画质」
- 数学无损:输出像素与源完全一致。PNG 和无损 WebP/JXL 属此。因不丢弃视觉数据,体积仅省 5–30%。
- 视觉无损:有损编码器丢弃人眼察觉不到的数据。在合适质量下看不出差异,但体积比无损小 3–10 倍。
对网页而言,视觉无损几乎总是正确目标。真正的无损用于存档和像素关键场景(医学、科研、母版文件)。
找到质量的「断崖点」
每张图都有一个临界质量——低于它伪影变得可见,高于它则纯属浪费字节。技巧是恰好坐在临界点之上。多数照片:
- AVIF 质量 50 即视觉干净且极小。
- WebP 75 是通用甜点。
- JPEG 75 看起来仍像原图。
仅在文件仍嫌大且接受轻微画质折中时再往下滑。
在 Kix图片工具 中切到有损格式并拖动质量滑块——实时预览结果并同步显示字节数。
先缩放再编码
最大的浪费是:以 4000×3000 的图源,却只在 800×600 显示。压缩前先缩放到实际显示尺寸(视网膜屏用 2×)。这一步省下的字节数往往超过任何编码器选择。
选现代编码器
在视觉质量相同时,JPEG→AVIF/WebP 通常体积减半。现代编码器是压缩里最便宜的体积收益。
小结
别为网页追求数学无损。目标应是视觉无损:缩放到显示尺寸、选现代编码器、把质量设在伪影临界点之上。你会得到小 3–10 倍、看着却一模一样的文件。