使用webp提升网站打开速度

最近重新制作一下设计公司的网站，对于设计行业的网站来说，做过的人都知道，最大的问题就是图片多。而且图片比较大，因为这个行业的都注重图片的清晰度。因此一个banner图片都要个400-600k左右。这里推荐大家使用webp格式，也许此格式大家比较陌生，但其实微信公众号里的图片早就开始使用webp了。

webp格式可将图片缩小30%，如将图片压缩调成90%的，要省50%-80%的文件大小，而且肉眼看不到图片的差距。如下图：

两个图片分别为webp和JPG格式，图片看不到区别，文件大小缺想差比较大。JPG格式的273K，而WEBP格式只有60k，当然，不是所有图片都能达到如此好的效果，有些整张图片比较复杂，图片纯属色少的情况下，就没太大的差别。

webp图片导出方法：

同时还有webm视频格式也是这样，但视频文件还没有测试过。等待后期测试后再比较。