WebP

WebP是由Google谷歌开发的一种加快图片加载速度的图片格式，可节省大量服务器宽带资源和数据空间，在压缩比率上比JPEG格式更为优越，同时提供了有损压缩和无损压缩。在质量相同情况下，WebP格式图片的体积要比JPEG小40%

WebP

WebP图片格式浏览器支持情况

浏览器支持情况

浏览器判断是否支持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