前端性能优化----无损压缩webp格式的图片

一、什么是webp

WebP格式，谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。

二、为什么要用webp

1、减小图片加载资源的大小、节省用户流量资源
2、降低服务器流量资源

三、webp兼容性情况

结果：谷歌全面支持、安卓浏览器从4.2开始支持。那么在页面中对于安卓用户中图片资源加载大小会有大幅度下降。

 

五、项目中的实践

实践中对h5活动页采用webp图片加载方案。h5 页面查看地址: http://webp.leewr.com

总体实现流程