如何在HTML中使用Webp图像格式

特拉斯

我知道这是图像的新格式,但是我不知道如何以HTML格式显示。

有谁知道我该怎么做?哪些浏览器可以显示除chrome之外的其他图像格式?

sample-webp-image.webp

您可以像使用任何图像一样使用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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章