AVIF vs WebP
两种现代图片格式：AVIF 在压缩率和色彩表现上更进一步，而 WebP 拥有更广泛、更成熟的支持。
AVIF 是一种从 AV1 视频编解码器衍生而来的图片格式，专为实现强压缩以及 HDR 和广色域支持而设计。WebP 由 Google 开发，基于 VP8/VP9 技术体系，自 2010 年起便已推出，如今已获得几乎所有浏览器的支持。两者都支持有损和无损模式、透明度以及动画，但在压缩效率、色彩能力，以及在各类软件和操作系统中的支持广度方面存在差异。
| AVIF | WebP | |
|---|---|---|
| 压缩（有损与无损） | 同时支持有损和无损。在同等质量下，文件通常比 WebP 更小，尤其是有损图片。 | 同时支持有损和无损。有损模式通常比 JPEG 小 25-35%；无损模式通常比 PNG 小。 |
| 透明度 / Alpha 通道 | 支持，包括有损模式，并具备完整的 Alpha 通道。 | 支持，包括有损模式，并具备完整的 Alpha 通道。 |
| 动画 | 通过图像序列支持。 | 支持；是动态 GIF 的常见小体积替代方案。 |
| 色彩深度 / HDR / 广色域 | 支持高达 10 位和 12 位色彩、HDR 以及广色域（如 Rec. 2020）。 | 仅支持 8 位色彩；不支持 HDR 或广色域。 |
| 浏览器与操作系统支持 | 当前版本的 Chrome、Firefox、Safari 和 Edge 均支持，以及较新的 macOS、iOS、Android 和 Windows；旧版本和部分工具可能不支持。 | 在所有主流浏览器以及大多数现代图片软件和操作系统中均有广泛、成熟的支持。 |
| 编辑与软件支持 | 解码速度可能较慢；工具和编辑器的支持仍在逐步完善中。 | 解码更快；被各类编辑器、CMS 平台和库广泛支持。 |
何时选择 AVIF
- 你希望在给定视觉质量下获得最小的文件体积，尤其是照片类的有损图片。
- 你的图片使用了 HDR、10/12 位色彩深度，或 Rec. 2020 等广色域。
- 你能够为不支持 AVIF 的客户端提供现代格式的回退方案（例如通过 picture 元素）。
- 相比最大兼容性或快速解码，节省带宽和存储空间对你更为重要。
何时选择 WebP
- 你需要当下在浏览器、操作系统和编辑工具中都能获得广泛、可靠的支持。
- 你希望用一种现代格式可靠地同时替代网页上的 JPEG 和 PNG。
- 更快的解码和更轻量的处理是优先考量，例如在性能较弱的设备上。
- 8 位色彩已足够使用，你不需要 HDR 或广色域。
当你需要最佳压缩效果或 HDR/广色域色彩，并且能为不支持的客户端提供回退方案时，请选择 AVIF。当你希望使用一种支持广泛、解码快速、几乎随处可用且配置更省心的现代格式时，请选择 WebP。在网页分发方面，许多网站会优先提供 AVIF，并回退至 WebP，再回退至 JPEG/PNG。
相关转换
常见问题
AVIF 是否总是比 WebP 更小？
通常是，但并非总是如此。AVIF 一般能在同等质量下获得更小的文件，尤其是照片类的有损内容。对于某些图片，特别是简单图形或部分无损场景，两者差异很小，WebP 甚至可能与之相当，因此值得对两者进行对比。
两种格式都能替代 JPEG 和 PNG 吗？
可以。两者都支持有损压缩（作为 JPEG 的替代）以及带透明度的无损压缩（作为 PNG 的替代），因此每一种都能用单一格式同时替代 JPEG 和 PNG。目前 WebP 在各类工具和平台上对这一角色的支持更为广泛。
WebP 支持 HDR 或 10 位色彩吗？
不支持。WebP 仅限于 8 位色彩，不支持 HDR 或广色域。如果你需要更高的位深、HDR 或 Rec. 2020 等广色域，那么在两者之中 AVIF 是合适的选择。
AVIF 和 WebP 能否随处打开？
WebP 在所有主流的当前版本浏览器和大多数现代图片软件中都受支持。AVIF 在主流浏览器的当前版本和较新的操作系统中受支持，但旧版浏览器、设备和部分编辑工具可能无法打开它，因此建议为 AVIF 准备一种回退格式。