0

0

主流浏览器对AVIF图片格式的支持情况怎么样【新格式】

星降

星降

发布时间:2026-02-17 17:57:10

|

866人浏览过

|

来源于php中文网

原创

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

主流浏览器对avif图片格式的支持情况怎么样【新格式】

如果您在网页中嵌入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。

Yourware
Yourware

专注于AI编程作品部署与分享的云托管平台

下载

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。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

958

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

783

2023.11.06

edge是什么浏览器
edge是什么浏览器

Edge是一款由Microsoft开发的网页浏览器,是Windows 10操作系统中默认的浏览器,其目标是提供更快、更安全、更现代化的浏览器体验。本专题为大家提供edge浏览器相关的文章、下载、课程内容,供大家免费下载体验。

1568

2023.08.21

IE浏览器自动跳转EDGE如何恢复
IE浏览器自动跳转EDGE如何恢复

ie浏览器自动跳转edge的解决办法:1、更改默认浏览器设置;2、阻止edge浏览器的自动跳转;3、更改超链接的默认打开方式;4、禁用“快速网页查看器”;5、卸载edge浏览器;6、检查第三方插件或应用程序等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

391

2024.03.05

如何解决Edge打开但没有标题的问题
如何解决Edge打开但没有标题的问题

若 Microsoft Edge 浏览器打开后无标题(窗口空白或标题栏缺失),可尝试以下方法解决: 重启 Edge:关闭所有窗口,重新启动浏览器。 重置窗口布局:右击任务栏 Edge 图标 → 选择「最大化」或「还原」。 禁用扩展:进入 edge://extensions 临时关闭插件测试。 重置浏览器设置:前往 edge://settings/reset 恢复默认配置。 更新或重装 Edge:检查最新版本,或通过控制面板修复

983

2025.04.24

macOS怎么切换用户账户
macOS怎么切换用户账户

在 macOS 系统中,可通过多种方式切换用户账户。如点击苹果图标选择 “系统偏好设置”,打开 “用户与群组” 进行切换;或启用快速用户切换功能,通过菜单栏或控制中心的账户名称切换;还能使用快捷键 “Control+Command+Q” 锁定屏幕后切换。

355

2025.05.09

android开发三大框架
android开发三大框架

android开发三大框架是XUtil框架、volley框架、ImageLoader框架。本专题为大家提供android开发三大框架相关的各种文章、以及下载和课程。

315

2023.08.14

android是什么系统
android是什么系统

Android是一种功能强大、灵活可定制、应用丰富、多任务处理能力强、兼容性好、网络连接能力强的操作系统。本专题为大家提供android相关的文章、下载、课程内容,供大家免费下载体验。

1790

2023.08.22

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

462

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何进行WebSocket调试
如何进行WebSocket调试

共1课时 | 0.1万人学习

TypeScript全面解读课程
TypeScript全面解读课程

共26课时 | 5.1万人学习

前端工程化(ES6模块化和webpack打包)
前端工程化(ES6模块化和webpack打包)

共24课时 | 5.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号