Chrome 没有使用我的 WebP 源（但应该吗？）

Question

我有以下 HTML:

<picture>
   <source srcset="/images/product/foo.webp" type="image/webp">
   <img src="/images/product/foo.jpg">
</picture>

当我使用 Chrome 开发人员工具检查 img 时，我可以看到它 而不是 使用 WebP 图像（“当前来源： " 当你将鼠标悬停在它上面时，它就是 .jpg 文件，而 lighthouse 会抱怨旧的图像格式。

然而，WebP 文件工作得很好，当我将鼠标悬停在 <source> 标签上时甚至可以看到它。谁能解释为什么 Chrome 似乎忽略了 WebP 源并使用 .jpg 代替？

Answer 1

事实证明，我是使用 WebP 版本，但 Chrome 提供了误导性信息。为了弄清楚它 实际上 使用的是哪个图像，我右键单击该图像并选择“复制图像地址”。

然后粘贴 URL（到 URL 栏中）我可以看到它实际上是在使用 WebP 图像。这很奇怪，因为页面 do 上的其他 <picture> 标签显示开发者工具中使用了 WebP 图像……[=21= 中似乎有一个错误] 这里

Chrome Isn't Using my WebP Source (But Should?)