如何深入探索webp图片的实践应用之道？

本文共计2987个文字，预计阅读时间需要12分钟。

最近，我们在项目中实践了webp图片格式，并从工具模块中抽离出相关功能，整合到了项目的基础模板中。同时，传输的IOS10也将支持webp格式，使用webp带来的性能提升将更加明显。预计在不久的将来，webp的优势将更加凸显。

最近，我们在项目中实践了webp图片，并且抽离出了工具模块，整合到了项目的基础模板中。传闻IOS10也将要支持webp，那么使用webp带来的性能提升将更加明显。估计在不久的将来，webp会成为标配。

本文主要分享一下我们在webp图片使用上的实践之路。

我们会从三部分来聊聊webp这个话题。

1. 什么是webp，它有什么用?
2. 使用webp的常规方法以及优劣。
3. 我们是如何用上webp的。

PS：如果是对webp有一定了解的朋友，建议直接看第三部分。因为是讲我们的实践之路，所以第三部分会多讲一些。

一、什么是webp，它有什么用？

webp是谷歌推出的一种图片格式，它的优点就是同等画面质量下，体积比jpg、png这些少了25%以上。

大家都知道移动互联网时代，页面大小和用户留存息息相关，更快的加载页面才能让更多用户关注到你的内容，而图片一直都是页面体积的大头，拿我们的活动页面来说，图片占据了80%以上的页面大小。所以使用webp的话，可以瞬间让页面大小下降1/4，不得不说是一个极具性价比的优化点。