我对html中的.webp格式的解决方案正确吗？

Question

在网络上，我找到了这个变体：

<picture>
  <source srcset="/img/test.webp" type="image/webp"/>
  <source srcset="/img/test.jpg" type="image/jpeg"/>
  <img src="/img/test.jpg" alt="test"/>
</picture>

但我也尝试使用我的变体：

<img srcset="/img/test.webp, /img/test.jpg" src="/img/test.jpg" alt="test"/> 

它们在谷歌浏览器中都很好，因为两者的img的currentSrc属性都是“ /img.test.webp”。

但是在我的情况下，每个变体的proc和缺点是什么？

我更喜欢具有img和srcset属性的变量，因为它需要较少的代码。

PS：我不能简单地将src标签的img属性与。webp图片的路径一起使用，因为并非所有现代浏览器都支持。webp。