WebP是由Google谷歌开发的一种加快图片加载速度的图片格式,可节省大量服务器宽带资源和数据空间,在压缩比率上比JPEG格式更为优越,同时提供了有损压缩和无损压缩。在质量相同情况下,WebP格式图片的体积要比JPEG小40%
WebPWebP图片格式浏览器支持情况
浏览器支持情况浏览器判断是否支持WebP格式图片
- 判断请求头的Accept字段中是否包含
image/webp
字段
const isSupportWebP = function(){
try{
return document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp") === 0;
}catch(e){
return false;
}
}
WebP图片转换
又拍云 https://www.upyun.com/webp
智图 https://zhitu.isux.us
isparta http://isparta.github.io
WebP图片打包工具
https://developers.google.cn/speed/webp/docs/cwebp
网友评论