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

Question

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

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>