惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
Martin Fowler
Martin Fowler
J
Java Code Geeks
The GitHub Blog
The GitHub Blog
C
Check Point Blog
H
Help Net Security
Google DeepMind News
Google DeepMind News
人人都是产品经理
人人都是产品经理
博客园 - 聂微东
P
Proofpoint News Feed
V
Visual Studio Blog
Stack Overflow Blog
Stack Overflow Blog
雷峰网
雷峰网
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Vercel News
Vercel News
S
SegmentFault 最新的问题
L
LangChain Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
The Cloudflare Blog
Hugging Face - Blog
Hugging Face - Blog
有赞技术团队
有赞技术团队
博客园_首页
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏

博客园 - 张朋举

人到中年,主业稳定,如何靠副业稳妥增收? 看vip,crx插件【影视vip通行证】 tdengine influxdb 对比 免费 iotsharp相关表结构设计 2026 年,Vue 3 的 UI 组件库生态 MQTTX MQTT AI时代?彩票兑奖,这也太扯了! -豆包篇 AI时代?彩票兑奖,这也太扯了!-千问篇 iotsharp 和 iotgateway NUnit、xUnit、MSTest 怎么选 pgsql text varchar mock引擎,faker.js mock.js api工具apifox、apipost选择 技术分析:RemoteApp和Web 27寸显示器,最佳设置 IoTSharp深度解析:基于.NET生态的物联网平台架构与实践 千问 vs 豆包,视频下载浏览器插件,按下载量排名 Web 常用的图片格式选择 python打包apk Apipost和Apifox哪个更适合团队使用? Apipost和Apifox的收费标准 Apipost 对比 Apifox
avif 浏览器支持情况
张朋举 · 2026-01-05 · via 博客园 - 张朋举

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>