▲ AVIF 格式,76 KB
在这篇博客中,Netflix 用了多张 JPEG 格式与 AVIF 格式的海报进行对比,可以看到,在文件大小相近的情况下,AVIF 格式能保留更多的细节,而 JPEG 格式已经出现肉眼可见的条带、噪点,文字的四周也出现了锯齿。
▲ JPEG 格式,20.7 KB
▲ AVIF 格式,18.2 KB
在 Jake Archibald 的博客中,他将 JPEG 与 AVIF 图片都压缩到相近的水平,来对比两种图形编码方式的优劣。留意画面的细节你会发现,20 KB 的 JPEG F1 赛车已经基本无细节可言,画面充斥着大色块的涂抹、变色和锯齿。
而当看到 18 KB 的 AVIF F1 赛车时,就像是近视眼带上了眼镜:平滑的赛道、色彩过渡自然的赛车、保留细节的头盔,更令人难以置信的是,这张清晰得多的 AVIF 图片,体积甚至要比 JPEG 还小。
JPEG 除了压缩会导致画面细节丢失以外,色彩失真也是它被人诟病的一个点。例如早期表情包出现的「电子包浆」现象,就是因为表情包在用户之间传输时,不断被压缩产生的色彩失真(变绿包浆是因为 Android 7 之前压缩图片产生了 Bug)。
这种「电子包浆」对于表情包来说也许是一种荣耀(意味热门而被广泛传播),但是对商品展示图来说,颜色的失真则会引起许多不必要的麻烦。