WebP

2023-09-09

WebP

WebP是一种同时提供了有损压缩与无损压缩的图片文件格式,是由Google提出来的。webp格式比传统的PNG和JPG更小,在无损压缩的情况下,可以较少26%的图片体积, 在有损压缩的时候,甚至可以让图片体积减少25%至34%。

除了体积更小, webp带来的另一个好处就是Page Speed得分更高,带来的效果你懂的,啥? 不懂?Google是靠啥起家的? 搜索啊! SEO你的明白?

既然webp这么好,那我们应该怎么让自己的网站用上呢?

简单来说,至少有两种方式:

第一种方式就是让CDN服务商帮你搞定,比如Cloudflare就为Pro用户提供了一个叫Polish的服务,可以根据情况自动将图片请求转化为webp格式,图片转换后进行缓存,然后再返回给客户端。自己不需要任何操作,一切都像魔术一样。

第二种方式就是在源端处理,如果你是图片与其它静态资源分离的模式,那么部署一个单独webp转换服务,然后做个代理就可以了,或者直接在nginx端配置,让nginx根据请求直接返回。 当然,这后一种情况需要提前把所有webp图片都转换后放在本地。

现在大部分浏览器都已经支持webp格式了,少数不支持的情况下,也可以返回原先请求格式的图片。所以,福强老师的建议是,能上就上吧,没多少成本。