2026-08-17
第一次听说有损压缩要丢数据时，我以为那肯定是差的那个选项。然后我上线了一个塞满 40 张 PNG 的网站，看着加载时间爬行。真相比名字更实用：有损和无损不是好坏之分，是不同场景的两种工具。
一句话版本：无损压缩保留每一个像素，有损压缩保留你眼睛看得见的部分、丢掉其余的。剩下的全是取舍。
无损压缩是找规律然后缩短它，就像把“aaaa”替换成“4a”。解压后你拿回完全相同的文件。PNG 和 GIF 是著名的无损格式，WebP 和 AVIF 也支持无损模式。
代价是体积。无损保留一切，所以压不下去。一张照片有损压到 100KB，无损可能还有 800KB。
有损压缩做判断：去掉人类几乎注意不到的细节，把其余部分记录得更高效。JPG 是经典例子。照片存成 JPG 质量 85，看起来和原图几乎一样，体积却只剩零头。
坑在于：每存一次有损就累积一次。压缩 JPG、重新打开、再压缩，每次都会劣化一点。从原图做一次有损导出没问题，链式反复导出才是图片变糊、变块的元凶。
一条从没让我失望过的经验法则：
截图和 UI 稿要特别小心。它们看起来像图，里面却是文字和纯色块。有损压缩会把文字抹糊。凡是带字的图，一律 PNG 或无损 WebP。
一张 4000x3000 照片的真实例子：
同一张照片，20 倍差距。这就是全部论证。如果图要放网站，900KB 版本对访客看起来一样，加载却快 20 倍。
你很少需要手动纠结有损 vs 无损，因为好的压缩器会问你要质量参数然后自己处理。80-90% 的滑杆给你照片用有损，专门的 PNG 或无损模式覆盖其余场景。
用本地处理的压缩器跑一遍，保留原图，只导出你要发布的那份压缩版。整个流程就这些，不需要术语。
**有损压缩会损害画质吗？** 只要在合理质量下只压一次就不会。照片 JPG 85-90% 与原图肉眼无差。问题出在多次链式有损导出。
**PNG 是无损的吗？** 是的。PNG 用无损压缩，所以它是 Logo、截图和带文字图片的正确格式。对照片则是浪费空间的错误格式。
**有损 WebP 和无损 WebP 哪个好？** WebP 两种都支持。照片用有损 WebP，图形用无损 WebP。关键不在格式，在模式。
**压缩影响网页速度吗？** 直接影响。同一张照片 5MB 和 300KB 的差别，就是慢页面和快页面的差别，移动端尤其明显。
准备好压缩了吗？去
本地处理你的文件，无需上传。