谷歌浏览器无法正常显示WebP格式图片该如何修复？

遇到Chrome无法显示WebP图片的问题时，别急着把锅甩给网页——大概率是本地浏览器配置出了点小状况。依次排查几个关键环节就能搞定：先把Chrome更新到最新版并重启；然后进chrome://flags里把WebP相关的实验性开关打开，尤其是“Enable WebP image format”和“WebP decoding policy”；接着关掉广告拦截这类扩展，看看是不是它们误杀了图片；最后清理特定站点的缓存、Service Worker和IndexedDB数据。几步下来，空白、红叉或转圈加载的图标基本就能恢复正常。

网页上WebP格式的图片显示不出来——空白、红叉或者加载图标转个不停——这通常不是网站代码出了问题，而是Chrome本地解码或环境配置有异常。篇幅所限，直接上硬核排查步骤。

确认Chrome版本并强制更新

Chrome从v32开始就原生支持WebP了，但旧版本可能带有解码器缺陷，或者无法兼容WebP 1.3以后的新特性。比如低于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图片的页面（比如Google官方测试页https://developers.google.com/speed/webp/gallery1）。第二步：如果图片恢复了，那就逐个启用扩展，每启用一个就刷新测试页，一旦图片又出现异常，马上停掉刚启用的那个扩展。第三步：确认是某个扩展冲突后，在其设置中添加例外规则：@@||*webp$domain=example.com（把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”。③ 关闭当前网页所有标签页，再重新打开该网址。

这个操作不会删除Cookie或书签，但会彻底清除该域名下所有离线资源的缓存，相当于给该站点来了次“冷启动”。