网站慢,很大原因是图片太大。一张手机拍的照片直接上传,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,速度提升最明显。