AVIF
AVIF格式详解 — 基于AV1的新一代图片格式
整理了 AOMedia 于 2019 年发布的 AVIF 格式结构(AV1 编码 + HEIF 容器)、10·12 位 HDR 与透明度、免版税许可、浏览器与 Android 支持情况(截至 2026 年),以及编码慢等局限。
扩展名.avif
MIMEimage/avif
标准AOMedia AVIF v1.0.0(2019)· 最新 v1.2.0(2025)
压缩有损·无损(AV1 帧内编码)
透明度支持
动画支持(图像序列)
色深8·10·12 位,支持 HDR
许可免版税
AVIF(AV1 Image File Format)是由 Google、Mozilla、Netflix 等参与的开放媒体联盟(Alliance for Open Media,AOMedia)制定的图片格式。它用免版税视频编码 AV1 的单帧(帧内编码)压缩图像,并将其放入 HEIF 系列的容器中。规范 1.0.0 于 2019 年 2 月发布,经过多次修订后,1.2.0 于 2025 年 10 月推出。
特点
- 压缩效率高:同等画质下,往往不仅比 JPG 小,甚至比 WebP 还小。尤其在低码率下,画质下降表现为平滑的糊化,而不是 JPG 那样的块状痕迹,因此不那么刺眼。
- 广色域与 HDR:可容纳每通道 10·12 位和 HDR 传输特性,适合为新款 HDR 显示器准备的照片。
- 透明度与动画:同时支持 Alpha 通道和图像序列。
- 许可:依据 AOMedia 专利政策可免版税使用,因此与基于 HEVC 的 HEIC 不同,被浏览器广泛采用。
浏览器支持(截至 2026-09-23)
根据 Can I use 的数据,全球约 95% 的浏览器用户可以显示 AVIF。
| 浏览器 | 开始支持 | 备注 |
|---|---|---|
| Chrome | 85 | — |
| Firefox | 93 | 动态 AVIF 从 113 起 |
| Safari | 16.4(16.1 部分支持,需 macOS 13 及以上) | 部分 16.x 不支持动画 |
| Edge | 121 | 2024 年初支持 |
文件结构及与 HEIC 的关系
AVIF 使用与 HEIF 相同的 ISO 基础媒体文件结构,因此文件开头的 ftyp 盒中,静态图片标为 avif 品牌,图像序列标为 avis 品牌。也就是说,HEIC 和 AVIF 是在同一类盒结构中,装入用不同编码(HEVC 与 AV1)压缩的图像。编码许可的不同决定了两种格式的命运:基于 HEVC 的 HEIC 在浏览器上的支持止步于 Safari,而基于免版税 AV1 的 AVIF 则被所有主流浏览器采用。
Android 支持
根据 Android 开发者文档,从 Android 14 起,AVIF(基本配置)解码器和编码器成为必备组件。在更早的设备上,除非应用自带解码器,否则可能打不开 AVIF。
局限
- 编码慢:压缩运算量大,批量转换多张大照片时,耗时远超 JPG 和 WebP。在浏览器内编码时,设备性能差异会表现得很明显。
- 不支持渐进式显示:据 MDN,AVIF 不支持在下载过程中先显示模糊整体图像的渐进式渲染。
- 工具兼容性:浏览器之外的老旧编辑器、看图软件和文档软件有时打不开。部分浏览器也可能不支持用 Canvas 保存为 AVIF。
主要用途
网站主图、照片这类 编码一次、多次传输 的图片。传输量越大的网站效果越明显。通常会用 <picture> 元素同时提供 JPG·WebP 备用图片,以照顾老旧浏览器。
转换为其他格式时
- AVIF → JPG·PNG:10·12 位和 HDR 信息会降为 8 位 sRGB。HDR 照片的亮部可能被截断,或颜色看起来不同。
- JPG → AVIF:体积会大幅减小,但质量设得太低,皮肤和质感会显得糊。请用对比滑块确认结果。
- 格式的选择标准整理在 JPG vs PNG vs WebP vs AVIF 中。