近日，站长帮网站在发布采用 AVIF 图片格式的新文章时，有用户反馈在使用百度 APP 浏览该文章时图片无法显示。这一情况引起了我们的关注。本文将详细探讨百度 APP 内置浏览器的特性、测试结果及其不支持 AVIF 格式的原因。
背景
随着 WordPress 6.5 开始支持 AVIF 图片格式，站长帮网站计划采用这一新兴格式以提高图片质量和压缩效率。然而，用户在使用这款号称 7 亿用户的百度 APP 浏览这些内容时却发现 AVIF 图片无法显示，影响了用户体验。为验证这一问题，我们进行了详细的测试。
测试过程
笔者使用一部安卓手机并安装百度 APP（最新版 13.58.5.10），测试结果确实如用户反馈，百度 APP 浏览器不支持 AVIF 格式的图片，但支持 WEBP 格式的图片。为了进一步确认问题，我们创建了一个 HTML 页面，通过百度 APP 访问以检测其浏览器内核版本。
HTML 页面源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>浏览器信息检测 - 站长帮</title>
<style>
body {
font-family: Arial, sans-serif;
}
pre {
background-color: #f4f4f4;
padding: 10px;
white-space: pre-wrap;
word-wrap: break-word;
}
</style>
</head>
<body>
<h2>您的浏览器信息：</h2>
<pre id="browserInfo"></pre>
<script>
// 获取浏览器信息
var browserInfo = {
'浏览器名称': navigator.appName,
'完整用户代理字符串': navigator.userAgent,
'浏览器版本': navigator.appVersion,
'Cookies启用状态': navigator.cookieEnabled,
'浏览器语言': navigator.language
};
// 将信息显示在页面上
document.getElementById('browserInfo').innerText = JSON.stringify(browserInfo, null, 2);
</script>
</body>
</html>通过百度 APP 浏览该网页后，得到的结果如下：
{
"完整用户代理字符串": "Mozilla/5.0 (Linux; Android 14; ALN-LX9 Build/UKQ1.230924.001; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4692.98 Mobile Safari/537.36 T7/13.58 SP-engine/2.97.0 baiduboxapp/13.58.5.10 (Baidu; P1 14) NABar/1.0",
"浏览器版本": "5.0 (Linux; Android 14; ALN-LX9 Build/UKQ1.230924.001; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4692.98 Mobile Safari/537.36 T7/13.58 SP-engine/2.97.0 baiduboxapp/13.58.5.10 (Baidu; P1 14) NABar/1.0",
"Cookies启用状态": true,
"浏览器语言": "zh-CN"
}分析结果
从上述用户代理字符串可以看出，百度 APP 内置浏览器使用的内核版本是 Chrome 97.0.4692.98，而当前移动版 Chrome 浏览器的最新版本为 Chrome 1.25.0.64.22.165。显然，百度 APP 集成的 Chrome 内核版本严重落后，导致其无法支持诸如 AVIF 这样具备高压缩效率和优质图像质量的新格式。
AVIF 图片格式的优势
AVIF（AV1 Image File Format）格式的图片具有以下优势：
- 高效率压缩：AVIF基于AV1视频编解码器，能以更小的文件大小提供与JPEG、WebP等格式相比相同或更高的图像质量，这意味着更快的加载速度和更低的带宽消耗。
- 支持透明度：与PNG类似，AVIF支持alpha透明度通道，适合需要透明背景的图像。
- 动态图像支持：AVIF可以包含图像序列，从而支持动态图像或简单的动画，类似于GIF或WebP的动画功能。
- 宽色域和HDR：支持更广泛的色彩空间，包括HDR（高动态范围），能够显示更丰富、更准确的颜色。
- 开放标准：AVIF是一种开放格式，没有专利许可费用，促进了跨平台和跨应用的广泛采用。
至于哪些浏览器支持AVIF格式图片，以下是一些已知的支持情况：
- Google Chrome：从桌面版本85和 Android 版本98开始支持。
- Mozilla Firefox：自版本93起支持AVIF。
- Microsoft Edge：虽然早期版本不支持AVIF，但随着 Edge 转向 Chromium 内核，它现在也支持AVIF（具体版本需查阅最新文档确认）。
- Apple Safari：自 iOS 16、macOS 13（以及相应的iPadOS版本）中的 Safari 16 开始支持AVIF。
此外，一些其他浏览器如 Brave、Vivaldi 等，由于它们也是基于 Chromium 项目，其新版本也支持 AVIF。需要注意的是，浏览器支持情况随时间推移可能会有所变化，因此建议查看各浏览器的最新文档或发布说明来获取最准确的支持信息。对于不支持AVIF的浏览器，开发者通常可以采用回退方案，即提供 JPEG 或 WebP 等格式的备选图像。
百度搜索引擎是否支持 AVIF 格式？
尽管百度 APP 内置浏览器不支持 AVIF 图片格式，但百度搜索引擎本身是否支持 AVIF 图片的抓取收录仍需进一步测试和验证。
总结
百度 APP 内置浏览器目前不支持 AVIF 图片格式，主要由于其使用的 Chrome 内核版本过于陈旧。作为一家国内领先的互联网科技企业，百度需要加快其内置浏览器的更新频率，以支持更多的新技术和格式，从而提升用户体验和产品竞争力。用户也可以通过反馈和建议，推动这一进程的加速。