如何在HTML中显示webp图像格式

Question

我知道这是一种新的图片格式，但我不知道如何用HTML显示它。 有谁知道我怎么做到这一点？哪个浏览器可以显示除chrome以外的图像格式？ sample image

Answer 1

您可以像任何图片一样使用网页：

<img src="img.webp" />

但是，由于它并不总是受支持（请参阅http://caniuse.com/#feat=webp），您可以使用它来设置后备：

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

Answer 2

如果找不到指定路径的图像怎么办，在这种情况下如何显示无图像的图像？

<img src="img.jpg" onerror="this.src = 'nopicture.gif';"/>