### WebP格式介绍
WebP是Google开发的一种新的图片格式,它支持有损压缩、无损压缩和透明度,压缩后的文件大小比JPEG、PNG等都要小。所以可以节省带宽,减少页面载入时间,节省用户的流量。
Android和iOS的app只要引入Google提供的解码库,都可以很轻松的支持WebP格式。不过在web上,WebP的支持还不是很广泛,根据Can I Use的数据,目前只有Chrome、Opera浏览器,以及Android的WebView是支持WebP的。但是WebP图片有这么多优点,我们能不能在web页面中使用呢?可以。这篇文章就来讨论一下这个问题。
### 把已有的图片转换为WebP格式
要使用WebP格式,需要将你网站用到的图片都制作一份WebP格式的版本,如果你使用CDN服务商,它们一般都会提供转码到WebP格式的选项。如又拍云:

增加这样的配置后,我们可以通过给图片URL加上相应的后缀,来使用WebP格式的版本资源。
你也可以使用webpack、gulp的插件来批量转换图片格式。这里不赘述。
### 在浏览器中使用WebP格式
因为不是所有浏览器都支持WebP格式,我们就有两种思路:一个是只在支持WebP格式的浏览器中使用WebP格式;一个是让不支持WebP格式的浏览器可以支持WebP。
#### 姿势一: `
`标签
``是HTML5中的一个新标签,蕾丝`