AVIF 的浏览器支持版本分两部分:一是格式自身版本,二是各浏览器原生支持的最低版本,以下是清晰整理。
一、AVIF 格式自身版本
- 1.0.0:2019-02-19 发布,基础格式规范。
- 1.1.0:2022 年发布,新增 HDR 等特性。
- 1.1.1:2024-07-31 发布,当前最新稳定版。
二、主流浏览器原生支持最低版本(2026年1月)
| 浏览器 | 最低全功能支持版本 | 部分支持/手动开启版本 | 关键说明 |
|---|---|---|---|
| Chrome | 85(2020-08) | - | 静态/动画/透明/HDR 全支持 |
| Firefox | 93(2021-10) | 77-92(需手动开启) | 93 起默认启用,动画支持有限 |
| Safari(macOS/iOS) | 16.4(2023-03) | 16.1-16.3(部分支持) | 16.4 起完整支持所有特性 |
| Edge | 121(2024-01) | 114-120(需手动开启) | 基于 Chromium,全功能对齐 Chrome |
| Opera | 71(2020-08) | - | 静态/动画/透明/HDR 全支持 |
| Chrome for Android | 85 | - | 同桌面版全功能 |
| Firefox for Android | 93 | 77-92(需手动开启) | 同桌面版 |
| Safari on iOS | 16.4 | 16.1-16.3(部分支持) | 同桌面版 |
| IE | 所有版本 | ❌ 不支持 | 无原生支持 |
三、补充说明
- 手动开启方式
- Firefox 77-92:在 about:config 中设 image.avif.enabled 为 true。
- Edge 114-120:在 edge://flags 中启用 AVIF 支持。
- 兼容性建议
- 用
<picture>标签做降级链:AVIF → WebP → JPEG/PNG,适配全浏览器。 - 示例代码:
<picture><source srcset="img.avif" type="image/avif"><source srcset="img.webp" type="image/webp"><img src="img.jpg" alt="示例"> </picture> - 用