怎么让网站支持webp格式图片

像豆瓣电影那样,你用chrome时看到的图片是webp格式的,用其他浏览器看到是常规的jpg等格式的,请问这是如何实现的?

阅读 5.8k
2 个回答

使用webP插件可以实现,在<body></body>之间插入如下代码,即可使用WebP了。
当前版本共3个文件:WebP.jsWebP.swfWebP.htc。在此下载打包文件。

<script type="text/javascript" src="WebP.js"></script>

页面一开始动态创建一个image,
var image = new Image();
给它一个base64的webp图片,然后利用image.onload函数看看这张图有没有宽高,有宽高就表示浏览器支持,没有就表示不支持

推荐问题