把网站的图片升级到WebP格式吧

### 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格式的选项。如又拍云: ![](/uploads/image/2016/11/16/20161116012918_23522.png) 增加这样的配置后,我们可以通过给图片URL加上相应的后缀,来使用WebP格式的版本资源。 你也可以使用webpack、gulp的插件来批量转换图片格式。这里不赘述。 ### 在浏览器中使用WebP格式 因为不是所有浏览器都支持WebP格式,我们就有两种思路:一个是只在支持WebP格式的浏览器中使用WebP格式;一个是让不支持WebP格式的浏览器可以支持WebP。 #### 姿势一: ``标签 ``是HTML5中的一个新标签,蕾丝`
联系我们

邮箱 626512443@qq.com
电话 18611320371(微信)
QQ群 235681453

Copyright © 2015-2022

备案号:京ICP备15003423号-3