网站慢,很大原因是图片太大。一张手机拍的照片直接上传,2MB一张,客户打开你一篇文章要下十几MB。WebP是新的图片格式,同画质下体积比JPG小30%-50%。
WebP是什么
Google搞出来的图片格式,同时支持有损和无损压缩。你把一张JPG转成WebP,肉眼看画质差不多,但文件小了一半。
现在Chrome、Edge、Firefox这些主流浏览器全部支持WebP。只有非常老的浏览器(IE)不支持,但现在用IE的人基本没了。
怎么转
别手动一张张转。免费CMS现在基本都有插件,上传图片的时候自动把JPG/PNG转成WebP,同时保留原图。客户访问的时候,浏览器支持WebP就给他WebP版本,不支持的老浏览器还给他JPG。
如果你用CDN,大部分CDN也支持自动转WebP。配置一下开关就行。
旧图片怎么办?用工具批量把整个网站目录里的JPG转成WebP,然后改一下链接。脚本一行命令的事。
注意
第一,别为了小体积把画质压太狠。WebP质量设80%-85%就够,压到50%图片就糊了。
第二,PNG转WebP效果更明显。PNG本身体积大,转WebP之后能小70%。
第三,保留原图。万一以后WebP出问题,你还有JPG版本可以切回去。
图片多的网站(电商、摄影、设计站)换WebP,速度提升最明显。


