WebP 与 AVIF 怎么选：新一代图片格式对比
对比 WebP 与 AVIF 的压缩率、画质、透明与动图支持、浏览器兼容性和编码速度，给出网页图片的实际选型建议。
WebP 由 Google 推出，现已获得所有主流浏览器支持：同等画质下体积通常比 JPG 小 25%–35%，还支持透明和动图，是替换 JPG / PNG / GIF 的稳妥选择。
AVIF 基于 AV1 视频编码，压缩率更高，同画质下往往还能比 WebP 再小 20%–30%，细节保留也更好，尤其适合大图和弱网环境。
代价是编码更慢：AVIF 编码耗时通常是 WebP 的数倍，单张转换的等待时间更长，对批量处理不那么友好。
兼容性上 WebP 更稳；AVIF 也已覆盖新版 Chrome、Firefox、Edge 和 Safari 16+。生产环境建议用 <picture> 同时提供 AVIF 与 WebP，并保留 JPG / PNG 兜底。