就绪检查 · 加速通道 · 权重 6

已使用现代图片格式

在至少包含三张图片的首页上，部分图片使用 WebP 或 AVIF（根据文件类型、source 元素的类型或图片 CDN 的格式参数判断）。

已观察到: 40%
前 1K 网站: 42%
前 1M 区间: 40%
未测量: 62,841

为何重要

在画质相近的情况下，WebP 和 AVIF 通常比 JPEG 或 PNG 小得多，而图片往往是页面中体积最大的部分。

如何修复

提供 WebP 或 AVIF 图片，并以 JPEG 或 PNG 作为后备格式；可通过图片 CDN 实现，也可在构建时生成两种格式。

图片交付就绪度工具

我们如何检查

在至少包含三张图片的首页上，部分图片使用 WebP 或 AVIF（根据文件类型、source 元素的类型或图片 CDN 的格式参数判断）。

已观察到：检测到 WebP 或 AVIF 图片。

未观察到：未检测到 WebP 或 AVIF 图片。

局限：基于传输给自动化客户端的首页 HTML；未执行后续运行的脚本。

针对不同技术栈的步骤

WordPress：WordPress 自 5.8 起支持上传 WebP，自 6.5 起支持上传 AVIF；图片插件或托管服务商可以转换现有图片。
Next.js：next/image 组件会自动提供经过优化的格式。
Nuxt：Nuxt Image 可以输出 WebP 和 AVIF。
Cloudflare：Cloudflare Polish 可以将图片转换为 WebP。
Vercel：Vercel Image Optimization 提供现代格式。
Shopify：Shopify 的图片 CDN 可以提供现代格式；请遵循 Shopify 针对主题的网页性能指南。

按受欢迎程度分档

Chrome UX Report 区间	已观察到	已测量
前 1 千名	42%	219
前 5 千名	38%	1,042
前 1 万名	41%	1,351
前 5 万名	39%	10,382
前 10 万名	40%	10,125
前 50 万名	39%	31,251
前 100 万名	40%	68,845

最可能这样做的类别

最不可能这样做的类别

按技术栈

按提供商

我们观察到此情况的热门网站

来源与指南

指南：AVIF、WebP、JPEG 和 PNG：如何选择合适的图片格式检查您自己的网站