AVIF vs WebP：哪个新一代格式更好？

WebP和AVIF都是为了在网络上取代JPG和PNG而开发的。两者都能生成更小的文件。两者都支持透明度和有损/无损压缩。两者都在现代浏览器中运行良好。

那你应该用哪个？

答案并不简单。AVIF在压缩方面胜出。WebP在兼容性和速度方面胜出。最佳选择取决于你的具体需求和受众。

AVIF和WebP的文件大小相比如何？

AVIF生成的文件更小。始终如此。适用于所有图像类型。

图像类型	WebP (85%)	AVIF (80%)	AVIF节省量
风景照片	850 KB	580 KB	32%
人像照片	550 KB	380 KB	31%
产品照片	260 KB	175 KB	33%
透明Logo	22 KB	15 KB	32%
截图	170 KB	120 KB	29%

在相近的视觉质量下，AVIF比WebP小大约20-35%。AVIF在80%质量下达到这个效果，而WebP在85%。两种格式的质量刻度不同，所以数字不能直接比较。重要的是在相似文件大小下的视觉效果。

对于每天提供数千张图片的网站来说，这个差异积累得很快。一个每月提供1TB WebP图片的网站，用AVIF可以把同样的内容压缩到700GB。这是CDN和带宽成本上实实在在的节省。你还可以在转换之前进一步压缩图片，以获得更多节省。

在相同文件大小下哪个格式看起来更好？

在相同的文件大小下，AVIF往往比WebP看起来更好。这在某些内容类型上特别明显。

带有平滑渐变的照片。 日落、肤色和虚化背景在AVIF中看起来更干净。WebP可能在这些区域显示轻微的色带。AVIF处理起来更自然。

低码率图像。 当你大幅压缩时（小缩略图、高度压缩的预览），AVIF表现更好。WebP会变模糊。AVIF保持更清晰，细节更容易辨认。

精细纹理。 头发、布料、树叶和其他精细纹理在相同文件大小下，AVIF能保留更多清晰度。

两者表现相同的地方：锐利的图形、文字、图标和高对比度图像。两种格式都能很好地处理这些内容。差异只在具有微妙色调变化的摄影内容中出现。

在高质量设置（90%以上）下，大多数人分不出AVIF和WebP的区别。差异在压缩更强的时候才会出现。

浏览器支持情况怎么样？

这是WebP具有明显优势的地方。

WebP：97%以上的浏览器支持。 Chrome（2014）、Firefox（2019）、Safari（2020）、Edge、Opera。所有主流浏览器都支持。剩下的3%是Internet Explorer和非常老的移动浏览器。

AVIF：约93%的浏览器支持。 Chrome（2020）、Firefox（2021）、Safari 16+（2022）、Edge。较新的Samsung Internet和Opera。差距主要来自旧版Safari和一些Android浏览器。

4%的差距看起来不多，但这取决于你的受众。如果你的用户大多使用最新的iPhone和桌面版Chrome，AVIF的支持就很好。如果你面向全球用户，其中有很多使用旧设备的人，这个差距就更重要了。

安全的做法是：用AVIF配合WebP作为后备。每个用户都能获得其浏览器能支持的最佳格式。

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description">
</picture>

哪个格式编码和解码更快？

WebP在两方面都快得多。

编码速度。 把图像转换为WebP比转换为AVIF快5-10倍。批量处理数百张图片时，这很重要。WebP用30秒完成的构建步骤，AVIF可能需要5分钟。

解码速度。 浏览器渲染WebP图像比AVIF更快。在高性能设备上差异很小。在旧手机和低端硬件上，AVIF的解码可能会造成明显的延迟。

内存使用。 AVIF的解码比WebP使用更多内存。在RAM有限的设备上，当多张图片同时可见时，可能会影响滚动性能。

对于大多数网站来说，解码差异可以忽略不计。现代设备处理两种格式都没有问题。但如果你是为性能要求高的应用或低端设备开发，WebP是更轻量的选择。

每种格式支持哪些功能？

两种格式都功能丰富，但存在差异。

功能	WebP	AVIF
有损压缩	是	是
无损压缩	是	是
透明度（Alpha）	是	是
动画	是	是
HDR支持	否	是
广色域	有限	是
最大尺寸	16,383 px	8,193 px（拼贴后无限制）
色彩深度	8-bit	8, 10, 12-bit
照片位深度	够用	更优

AVIF的HDR和广色域支持使其在面向未来方面脱颖而出。随着HDR显示屏在手机、平板和显示器上成为标准，AVIF可以在不换格式的情况下呈现更丰富的色彩。

WebP更简单的架构使其处理速度更快。它没有AVIF的高级色彩功能，但覆盖了今天99%网站的需求。想了解更多WebP与传统格式的对比，可以查看我们的WebP vs PNG和WebP vs JPG比较文章。

最大尺寸限制值得注意。WebP每边上限为16,383像素。AVIF的基本限制是8,193像素，但拼贴可以扩展。对于大多数网页图像，这两个限制都不是问题。对于非常大的图像（全景图、地图），请检查尺寸。

应该使用AVIF、WebP还是两者都用？

最好的方法是在渐进策略中同时使用两种格式。

如果只能选一个： 选WebP。它有更广泛的浏览器支持，更快的编码速度，而且相比JPG和PNG仍然能大幅节省空间。这是今天更安全、更实用的选择。

如果你想要最佳性能： 优先提供AVIF，以WebP作为后备。现代浏览器用户能获得最小的文件。其他用户获得WebP，效果同样优秀。准备好升级了吗？用ConvertIMG几秒钟就能转换你的图片。

如果编码速度很重要： 用WebP。构建流水线、实时图像处理和即时转换用WebP都更快。AVIF编码可能会拖慢你的工作流程。

如果你在为未来做准备： 投资AVIF。随着浏览器支持增长和编码速度提升，AVIF很可能会成为网页图像的默认格式。现在开始能让你领先一步。你可以先把PNG转换为WebP，作为迈向现代格式的第一步。

关于各种图片格式的详细对比和使用建议，可以参考图片格式比较指南。

如何在AVIF和WebP之间转换？

ConvertIMG支持双向转换。AVIF转WebP获得更广泛的兼容性。WebP转AVIF获得最大压缩率。所有处理都在你的浏览器中完成。不需要上传到服务器。拖入文件，选择格式和质量，然后下载。支持批量转换。