chrome无法显示webp图片时,需依次检查版本更新(v120+更稳定)、启用chrome://flags中的webp解码器或解码策略、禁用拦截webp的扩展(如ublock origin)、清除cache storage/service workers/indexeddb缓存。

谷歌浏览器无法正常显示WebP格式图片时,页面中对应位置呈现空白、红叉或加载图标持续旋转,说明浏览器未能正确解码或加载该资源,需从版本、实验性功能、扩展冲突和缓存机制四方面逐项排查修复。
确认Chrome版本并强制更新
Chrome自v32起原生支持WebP,但低于v120的旧版本存在解码器缺陷,可能无法渲染含AVIF混合元数据的WebP图片。
点击右上角三点菜单 → 帮助 → 关于Google Chrome → 等待自动检测更新 → 若提示“已更新至最新版本”,仍需手动点击右下角【重新启动】按钮生效。
必须重启浏览器,仅关闭窗口不生效。
启用flags中的WebP实验性支持
部分企业版或定制版Chrome默认禁用WebP高级解码路径,需通过实验性开关显式开启。
方法一:启用核心WebP解码器
在地址栏输入chrome://flags → 回车 → 搜索框中输入WebP → 找到“Enable WebP image format”选项 → 将其下拉菜单从Default改为Enabled → 页面底部点击“Relaunch”重启浏览器。
方法二:解除WebP限制策略(适用于v125+)
同一flags页面中搜索webp → 找到“WebP decoding policy” → 改为“Allow all” → 重启。
排查扩展与安全软件拦截
广告拦截插件(如uBlock Origin v1.56.0+)默认将*.webp规则加入静态过滤列表,尤其针对CDN域名(如cdn.jsdelivr.net/*.webp)直接返回空响应。
第一步:在地址栏输入chrome://extensions → 关闭所有扩展开关 → 刷新含WebP图片的网页(如 https://developers.google.com/speed/webp/gallery1)。
第二步:若图片恢复,逐个启用扩展 → 每启用一个就刷新测试页 → 出现异常时立即停用该扩展。
第三步:对确认冲突的扩展,在其设置中添加例外规则:@@||*webp$domain=example.com(替换为实际域名)。
【uBlock Origin用户注意:v1.57.0起需在“过滤器列表”中取消勾选“Fanboy’s Annoyance List”】
清除特定站点WebP缓存与Service Worker
WebP图片若经Service Worker缓存,而worker脚本存在解码逻辑错误,会导致后续所有WebP请求返回损坏二进制流,普通缓存清理无效。
① 打开问题网页 → 按F12打开开发者工具 → 切换到Application标签页 → 左侧选择Clear storage → 勾选Cache Storage、Service Workers、IndexedDB三项 → 点击“Clear site data”按钮。
② 刷新网页,观察WebP图片是否恢复正常加载。











