像豆瓣电影那样,你用chrome时看到的图片是webp格式的,用其他浏览器看到是常规的jpg等格式的,请问这是如何实现的?
页面一开始动态创建一个image,var image = new Image();
给它一个base64的webp图片,然后利用image.onload
函数看看这张图有没有宽高,有宽高就表示浏览器支持,没有就表示不支持
5 回答1.6k 阅读
5 回答1.8k 阅读✓ 已解决
4 回答1.5k 阅读
2 回答977 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
使用webP插件可以实现,在<body></body>之间插入如下代码,即可使用WebP了。
当前版本共3个文件:WebP.js,WebP.swf和WebP.htc。在此下载打包文件。