用途:该规则用于前端图片优化检查,判断网站是否为现代浏览器提供 AVIF 格式支持,以获得比 WebP 更好的压缩效果,并确保不支持的浏览器有回退方案。\n\n主要能力:资料称 AVIF 压缩率比 JPEG 高约 50%、比 WebP 高约 20%,更适合照片类图片;支持 picture 元素配合 WebP 和 JPEG 回退;浏览器支持范围为 Chrome、Firefox、Safari 16+、Edge。检查层面涵盖图片资源、标记写法、CDN 与构建转换配置,并对格式选择、渲染尺寸、加载行为违规的具体文件或组件进行标注,说明如何在 DevTools 中确认修复。\n\n使用方式:资料提供 Check、Fix、Explain、Code Review 四类动作,完整实现细节、代码示例和框架专属指引见 references/rule.md,规则页为 https://frontendchecklist.io/rules/images/avif-format。\n\n限制:资料未提供具体代码示例、支持的框架清单、转换工具名称及配置细节;未提及收费、价格或效果承诺。
avif-format
前端与建站
更新于 10-16 05:45