Lighthouse 报告的“机会”部分会列出所有采用旧图片格式的图片，并显示通过提供这些图片的 AVIF 版本可节省的潜在空间：
为什么要以 AVIF 或 WebP 格式提供图片？
AVIF 和 WebP 都是图片格式，与较旧的 JPEG 和 PNG 格式相比，它们在压缩和质量特性方面表现更出色。与 JPEG 或 PNG 相比，以这些格式对图片进行编码意味着图片加载速度更快，消耗的移动数据网络流量更少。
Chrome、Firefox 和 Opera 支持 AVIF，与其他格式相比，在质量设置相同的情况下，AVIF 的文件大小更小。 如需详细了解 AVIF，请参阅 提供 AVIF 图片 Codelab。
最新版本的 Chrome、Firefox、Safari、Edge 和 Opera 支持 WebP，可为网络上的图片提供更好的有损和无损压缩效果。 如需详细了解 WebP，请参阅一种新的 Web 图片格式。
Lighthouse 如何计算潜在节省量
Lighthouse 会收集网页上的每张 BMP、JPEG 和 PNG 图片，将每张图片转换为 WebP，并估算 AVIF 文件大小，然后根据转换数据报告潜在的节省量。
浏览器兼容性
最新版本的 Chrome、Firefox、Safari、Edge 和 Opera 支持 WebP，而 AVIF 支持则更为有限。 您需要提供后备 PNG 或 JPEG 图片，以便支持旧版浏览器。如需大致了解后备技术，请参阅如何检测浏览器对 WebP 的支持情况？如需了解浏览器对图片格式的支持情况，请参阅下表。
如需查看每种新式格式的当前浏览器支持情况，请参阅以下条目：
针对特定堆栈的指南
AMP
您不妨既以 WebP 格式显示所有 amp-img 组件，也为其他浏览器指定适当的后备图片。
Drupal
建议您安装并配置一个模块，以便在您的网站中利用 WebP 图片格式。此类模块会自动为您上传的图片生成 WebP 版本，以缩短加载用时。
Joomla
建议您使用可自动将您上传的图片转换为最佳格式的插件或服务。
Magento
您不妨在 Magento Marketplace 中搜索各种第三方扩展程序，以利用更新的图片格式。
iPhone
请注意，webp、avif 图片和 webm 视频无法在低于 iOS 16 的 iPhone 上正常显示。
WordPress
建议您使用可自动将您上传的图片转换为最佳格式的插件或服务。