Blogger站点使用WebP图片仍触发PageSpeed下一代格式告警求助

• 「以新一代格式提供图片」报错原因：Blogger自带的CDN默认会根据访问者的浏览器UA自动适配图片格式，即便你上传的是WebP格式，也可能给部分请求返回JPG/PNG等旧格式；此外当前PageSpeed Insights判定的新一代格式已包含AVIF等比WebP压缩效率更高的格式，仅提供WebP也可能触发该提示。
• 图片体积检测偏大原因：Blogger上传图片时会自动保留甚至追加Exif元数据、内置缩略图等冗余内容，且默认会输出比你实际嵌入尺寸更大的分辨率版本，加上默认压缩参数偏高，都会导致最终加载的图片体积比你本地原始文件大。部分情况下PageSpeed统计的是包含响应头的完整资源体积，也会和本地纯文件体积有差异。

• 强制指定图片输出参数：修改Blogger图片的URL后缀，在结尾添加=w[实际显示宽度]-l80-webp参数，比如页面图片显示宽度为600px，就把URL调整为xxxx.jpg=w600-l80-webp，即可强制CDN输出指定宽度、80压缩率的WebP格式，避免平台自动转码。如果需要满足更高的压缩要求，可把后缀的webp替换为avif获取更高压缩效率。
• 匹配实际显示尺寸拉取资源：不要直接使用Blogger默认生成的1600px/2000px大图链接，根据图片在页面中的实际显示宽度设置URL中的尺寸参数，避免加载不必要的大分辨率资源。
• 上传前清理冗余信息：本地处理图片时提前清除Exif、地理位置、内置缩略图等非必要元数据，减少上传后CDN保留的冗余内容体积。
• 多格式适配降级：如果需要兼容旧浏览器，可通过HTML的picture标签优先加载AVIF、其次WebP、最后兜底JPG格式，完全符合PageSpeed的格式检测要求。

内容的提问来源于stack exchange，提问作者ASHISH KUMAR