承德市网站建设_网站建设公司_响应式网站_seo优化
2026/1/5 21:01:02 网站建设 项目流程

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>
    

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询