avif图片在主流浏览器中的支持情况为:chrome 85+/android 97+、firefox 93+、safari 16.0+(ios 16/macos 13+)、edge 121+默认支持;opera等chromium系浏览器同步chrome支持,旧版safari/edge及双内核浏览器webkit模式下不支持。

如果您在网页中嵌入AVIF格式图片,但部分用户无法正常查看图像,则可能是由于所用浏览器尚未支持该格式。以下是当前主流浏览器对AVIF图片格式的支持情况说明:
一、Google Chrome 浏览器
Chrome 自桌面版 85 和 Android 版 97 起已原生支持 AVIF 格式解码,无需额外启用标志。截至 2026 年 2 月,所有稳定渠道发布的 Chrome 版本(包括 Chrome 140 及以上)均默认启用 AVIF 支持。
1、打开 Chrome 浏览器,访问 chrome://version/ 查看当前版本号。
2、确认版本号大于等于 85(桌面端)或 97(Android 端)。
3、访问测试页面 https://avif.io 验证 AVIF 渲染是否正常。
二、Mozilla Firefox 浏览器
Firefox 自 2021 年 10 月发布的 93 版本起默认启用 AVIF 解码;2026 年 2 月最新稳定版 Firefox 142 已全面兼容 AVIF 的有损/无损压缩、Alpha 通道及 HDR 渲染。
1、在地址栏输入 about:support 打开“故障排除信息”页面。
2、在“应用程序基础信息”区域查找“AVIF 图像支持”条目,状态应为 已启用。
3、若显示“已禁用”,可在 about:config 中搜索 image.avif.enabled 并设为 true。
三、Apple Safari 浏览器
Safari 自 iOS 16 / macOS 13 Ventura / iPadOS 16 对应的 Safari 16.0 版本起支持 AVIF,涵盖所有搭载 A12 或更新芯片的设备,以及 macOS Monterey 12.3 及更高系统上的 Safari 更新。
1、在 iPhone 或 iPad 上进入“设置”→“通用”→“关于本机”,确认系统版本 ≥ iOS 16。
2、在 Mac 上点击苹果菜单 →“关于本机”,确认系统版本 ≥ macOS 13 Ventura。
3、打开 Safari,访问 https://caniuse.com/avif 查看实时兼容性表格中的 Safari 行。
四、Microsoft Edge 浏览器
Edge 自 121 稳定版(2024 年 1 月发布)起正式默认支持 AVIF 和 AV1 图像格式,此前 Canary 和 Dev 频道需手动启用 –enable-features=msEdgeAVIF 命令行参数。
1、启动 Edge,在地址栏输入 edge://version/ 查看版本号。
2、确认版本号 ≥ 121.0.2277.0(稳定版首次引入 AVIF 支持的最低版本)。
3、访问 https://testdrive.azurewebsites.net/avif/ 进行图像渲染验证。
五、其他浏览器与特殊情况
Opera、Vivaldi、Brave 等基于 Chromium 内核的浏览器,其 AVIF 支持状态与 Chrome 完全同步;而旧版 Safari(iOS 15 及更早)、旧版 Edge(120 及更早)、以及部分国产双内核浏览器的 WebKit 内核模式下,AVIF 渲染将失败或回退至备用格式。
1、在双内核浏览器中,切换至“极速模式”(Chromium 内核)以启用 AVIF 支持。
2、使用
3、对不支持 AVIF 的环境,服务器应配置 MIME 类型映射:确认 image/avif 已加入 HTTP 响应头 Content-Type。










