Something beautiful is on the way.

avif 浏览器支持情况

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 所有版本 ❌ 不支持 无原生支持

三、补充说明

  1. 手动开启方式
    • Firefox 77-92:在 about:config 中设 image.avif.enabled 为 true。
    • Edge 114-120:在 edge://flags 中启用 AVIF 支持。
  2. 兼容性建议
    • <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>
    
posted @ 2026-01-05 20:58  张朋举  阅读(21)  评论(0)    收藏  举报