你在压缩图片时,可能见过"有损"和"无损"这两个词。它们到底是什么意思?你又该选哪种?
答案取决于图片的用途。博客上的旅行照片和公司logo需要完全不同的处理方式。下面就来说说有损压缩和无损压缩到底怎么回事,什么时候用哪种。
有损压缩通过永久删除部分图像数据来缩小文件。一旦保存,那些数据就没了,没有撤销按钮。
你可以把它想象成给一本书写摘要。保留核心要点,删掉填充内容。故事还是看得懂,但一些细节不见了。
JPEG是最常见的有损格式,从90年代初就开始使用,至今仍是网络上大部分照片的主力格式。WebP和AVIF也默认使用有损模式,但它们的算法更新,能把文件压得更小。
效果很惊人。一张5MB的旅行照片在80%质量下大约变成800KB。一张产品图从3MB降到500KB。两种情况下,如果不放大到200%以上,你很难分辨压缩版和原图。
它是怎么做到的?有损算法把相似的像素归为一组,合并微小的颜色差异。它还会简化渐变,去除繁忙区域的精细细节。人眼对亮度的感知远比颜色敏感,所以算法会先处理颜色数据。
想亲眼看看有损压缩的效果?用你自己的图片试试,拖动质量滑块对比压缩前后的效果。
无损压缩在不删除任何内容的情况下缩小文件。每个像素都保持不变。你可以对同一张图片压缩和解压一百次,得到的结果完全一样。
你可以把它想象成压缩一个文件夹。解压后,里面的一切都没变。算法只是找到了一种更紧凑的方式来存储相同的信息。
PNG是最流行的无损格式。WebP和AVIF也可以在无损模式下工作,生成比PNG更小的文件,同时保持完美的画质。
代价是文件体积。无损压缩通常只能缩小20-40%。一张5MB的PNG截图可能降到3.5MB。相比之下,有损压缩可以把类似的照片压到800KB。当你需要在页面上加载几十张图片时,这个差距很重要。
压缩效果也跟内容有关。纯色和文字的截图用无损压缩效果很好。一张有数百万种微妙色彩变化的风景照?算法能发挥的空间就小多了,节省的也就更少。
在80-90%质量下,正常观看时差异是看不出来的。一张4000x3000的照片压缩到80%,在屏幕上看起来和原图一模一样。你得放大到200%以上逐像素对比才能发现区别。
在60-70%质量下,图片用于网页展示还是很好的。博客头图、社交媒体卡片和邮件横幅在这个级别都没问题。如果仔细看头发或布料等细腻纹理,可能会注意到非常轻微的模糊。
低于40-50%就会变得很难看。平滑区域出现方块状色块,肤色变得斑驳,天空出现明显的色带而不是平滑的渐变,文字边缘变得模糊。那就压过头了。
另一个危险是对同一文件多次压缩。每次都会删除更多数据。经过3-4轮压缩后,你会看到明显的伪影。这叫做代际损失,就像复印一份复印件。
解决办法:始终保留原始文件。每次需要更小版本时,从原图重新压缩一份。永远不要对已经经过有损压缩的文件再次压缩。
想了解更多关于保护画质的内容,看看我们的图片压缩完全指南。
有损压缩适用于大多数日常场景:
当精确度比文件体积更重要时,就该用无损压缩:
旧格式让你必须二选一。JPEG只能有损,PNG只能无损。像WebP和AVIF这样的现代格式在一个格式里同时支持两种模式。
数据说明一切:
AVIF的问题是:编码速度更慢,浏览器支持还不够全面,不过所有主流浏览器现在都能处理了。
很多网站向现代浏览器提供WebP,对旧浏览器则回退到JPEG。你能同时获得两种格式的优点,而不会出任何问题。
以下是几个需要避免的坑:
反复压缩有损文件。 有人从网站下载一张JPEG,编辑后用80%质量再存为JPEG。然后又来一次。每次保存都会进一步降低画质。请始终从原始源文件开始操作。
所有图片都用无损。 在首页放一张2MB的PNG照片,而300KB的JPEG看起来效果一样——这纯粹是浪费访客的带宽。根据内容选择合适的格式。
截图用有损格式。 把电子表格截图压缩成JPEG,会让清晰的文字变成一团模糊。截图中有文字时请用PNG或无损WebP。
忽略透明背景。 JPEG完全不支持透明度。如果你的图片需要透明背景,你需要PNG、WebP或无损模式的AVIF。
为了省空间把质量设太低。 从80%降到40%可能只多省了50KB,但图片看起来明显变差了。照片的最佳质量区间是75-85%。低于这个范围,收益递减会非常明显。
最好的图片压缩工具可以让你在保存前预览效果。这样你就能为每张图片找到最佳平衡点。
有损压缩和无损压缩的简单选择法则:
你也可以在同一个项目中混合使用两种方式。主图和产品图用有损,logo、图标和文字叠层用无损。没有规定说所有东西都必须用同一种方法。
准备好压缩你的图片了吗?免费试用CompressIMG,亲自体验压缩效果。
CompressIMG
无损压缩图片。免费、快速,直接在浏览器中完成。