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

Question

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

Answer 1

您像任何图像一样使用webp：

<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';"/>