WebP 与 AVIF:哪个更好?

作者:EditItAll · 更新于

WebP 与 AVIF:哪个更好?
AVIF 的压缩效果更好:在常见的网页画质下,其文件通常比 WebP 小约 20–30%,约为 JPEG 大小的一半,并支持 HDR。WebP 是更稳妥的选择:编码速度更快,也能在更多应用和服务中打开。根据图像的使用场景进行选择,然后使用 EditItAll 在浏览器中转换。

AVIF 的压缩效果更好:在常见的网页画质下,其文件通常比 WebP 小约 20–30%,约为 JPEG 大小的一半,并支持 HDR。WebP 是更稳妥的选择:编码速度更快,也能在更多应用和服务中打开。根据图像的使用场景进行选择,然后使用 EditItAll 在浏览器中转换。

现在就做——免费,在浏览器里

Convert to WebP or AVIF

WebP 与 AVIF 究竟有何区别

两种格式的用途相同:用一种同时提供有损和无损模式、Alpha 透明度及动画功能的文件类型,取代照片使用的 JPEG 和图形使用的 PNG。区别在于出现时间和设计目标。WebP 是 Google 于 2010 年为网页打造的格式;压缩后的照片通常比同等画质的 JPEG 小约 25–35%,并且自 2020 年起已受到所有主流浏览器支持。AVIF 由 Alliance for Open Media 于 2019 年推出,将 AV1 视频编解码器应用于静态图像:在常见的网页画质下,其文件通常比 JPEG 小约 50%,比 WebP 小 20–30%;它还支持 HDR 以及 10 位或 12 位色彩,而有损 WebP 仅支持 8 位色彩。

这种额外的压缩效果需要以编码时间为代价。AVIF 的编码速度明显更慢,处理大型图像时尤其如此;其最大图像尺寸也低于 JPEG,而且浏览器之外的支持较少:许多桌面软件和旧设备仍无法打开 AVIF,而 WebP 的普及时间已多出近十年。你可以在 WebPAVIF 的格式页面中深入了解两者。

哪种更好?如实对比各项表现

两者都无法全面胜出。请根据你真正关心的方面来比较:

  • 文件大小:AVIF。在相同视觉画质下,它通常比 WebP 小约 20–30%,约为 JPEG 大小的一半。
  • 兼容性:WebP。当前的 Chrome、Firefox 和 Safari 均可显示两种格式(Safari 直到 16.4 版本发布时,也就是 2023 年,才开始支持 AVIF),但 WebP 能在更多桌面应用、上传表单和消息服务中打开。
  • 编码速度:WebP。AVIF 编码较慢,处理大尺寸照片时尤其如此;一次转换数百张照片时,你会明显感受到差异。
  • 透明度:平手。两者在有损和无损模式下都能保留 Alpha 通道。
  • HDR 和色彩深度:AVIF。WebP 的有损模式仅支持 8 位色彩。
  • 超大图像:WebP。AVIF 的最大尺寸低于 JPEG,因此巨幅全景图或扫描图可能需要继续使用 JPEG 或 WebP。

因此,对于哪种格式更好这个问题,简短答案是:注重文件字节数以及每字节对应的画质时选择 AVIF,注重普及度和速度时选择 WebP。更完整的答案则是,正确的格式取决于谁会打开该文件。

应该使用哪一种?根据图像的最终用途决定

应根据使用场景而非性能测试来选择:

  • 由你控制的网站。使用 AVIF,并为无法读取它的浏览器和爬虫保留 WebP 或 JPG 后备格式。页面速度工具认可这种组合;请参阅修复“高效编码图像”警告以及更全面的网站最佳图像格式指南。
  • 向他人发送文件或上传到服务。使用 WebP;如果表单较旧,则使用普通 JPG。若接收者无法打开文件,那么文件小了 20–30% 对其毫无意义。
  • 带透明度的徽标、图标和屏幕截图。两种格式的无损模式都适用;无损 WebP 是更务实的选择,因为支持它的编辑器多得多。
  • HDR 或广色域摄影。在这两种格式中,只有 AVIF 能保留这些信息。
  • 存档。两者都不适合。保留相机生成的原始 JPG、RAW 或 PNG,并将 WebP 和 AVIF 视为交付副本。

如果你只想始终使用其中一种,那么目前 WebP 是稳妥的默认选择,AVIF 则是面向未来的更佳格式;两者的支持差距正在不断缩小。若想了解有损和无损的实际含义,请阅读有损与无损压缩;如需针对网页优化 JPG,请参阅为网页压缩 JPEG

在浏览器中转换或压缩任一格式

EditItAll 图像转换器可将 JPG、PNG、WebP 或 AVIF 转换为其中任一格式,压缩器则能以你选择的画质重新编码现有的 WebP 或 AVIF。所有操作完全在浏览器中进行:不会上传任何内容,而且页面加载完成后,即使离线也能继续使用。

  1. 打开转换器并拖入图像,可以只添加一张,也可以添加整批图像。常见任务可通过以下直接入口完成:JPG 转 AVIFPNG 转 WebPWebP 转 AVIF以及AVIF 转 WebP
  2. 选择输出格式并设置画质滑块。将滑块移至最高档会生成无损文件;对于照片,远低于最高档的设置通常看起来也完全相同。这里没有目标大小输入框:文件大小是输出结果,每个文件都会列出处理前后的大小,因此你可以微调滑块并再次运行。
  3. 下载单个文件,或将整批文件下载为 ZIP。导出时会移除 EXIF 和 GPS 元数据。

有两点需要如实说明。将有损 WebP 转换为 AVIF 会重新编码并损失少量更多细节,因此只要仍保留原始 JPG、PNG 或 RAW 导出文件,就应从原文件开始转换。此外,AVIF 的编码本来就很慢:大型照片转换为 AVIF 所需的时间明显长于同一文件转换为 WebP,因此处理大批量文件时需要等待。已经使用正确格式,只想进一步缩小文件?直接使用 WebP 压缩器AVIF 压缩器即可;两者都使用专业级编解码器和相同的滑块。

现在就试试?

免费、无需注册,你打开的文件绝不会离开你的设备。

常见问题

AVIF 是否总是比 WebP 小?+

通常如此,但并非始终如此。在常见的网页画质下,AVIF 通常比 WebP 小约 20–30%;但在极高画质设置和无损模式下,两者的差距会缩小,而小型图形的大小可能几乎相同。请转换几个样本并比较工具显示的处理前后大小,不要想当然。

AVIF 看起来比 WebP 更好还是更差?+

在文件大小相同的情况下,AVIF 通常看起来更好,因为它每字节能保留更多细节,并支持 HDR 和 10 位色彩。两者在有损模式下都会丢弃细节,也都能在画质滑块最高档生成无损文件;可见差异主要体现在文件大小,而非图像本身。

我能否在不损失画质的情况下将 WebP 转换为 AVIF?+

只有源文件为无损 WebP,并且将画质滑块设为最高档,使 AVIF 也以无损方式写入时才可以。有损 WebP 已经丢弃了细节,将其重新编码为有损 AVIF 会再损失少量细节。如果仍保留原始 JPG、PNG 或 RAW 文件,请改为从原文件转换。

所有浏览器都支持 AVIF 和 WebP 吗?+

当前发布的每个 Chrome、Firefox 和 Safari 版本都能显示这两种格式。WebP 自 2020 年起获得全面支持;Safari 则从 16.4 版本(2023 年)开始支持 AVIF。旧设备和许多桌面软件仍无法打开 AVIF,因此网站应提供 WebP 或 JPG 后备格式。

转换图像时会上传我的文件吗?+

不会。转换器和压缩器完全在浏览器中运行,因此文件绝不会离开你的设备。页面加载后,你可以断开互联网连接并继续转换,而且每个导出文件中的 EXIF 元数据都会被移除。

相关指南

更多「转换图片格式」指南 →