在默认情况下,Cravatar 的边缘节点会在访客浏览器明确表明支持 webp(Accept 中包含 image/webp) 时强制返回 webp 格式。
在 Cravatar 的 API 文档 中,我们提供了手工指定图片格式的功能,也就是在头像后拼接格式后缀,例如:
- https://cravatar.cn/avatar/ac331fe8671d12e442e3c1847b9cccde.png
- https://cravatar.cn/avatar/ac331fe8671d12e442e3c1847b9cccde.jpg
- https://cravatar.cn/avatar/ac331fe8671d12e442e3c1847b9cccde.gif
随着新特性的发布,这些手工指定图片格式的方法将会在浏览器支持 webp 的情况下失效,也就是说如果浏览器不支持 webp 的话,我们还是会按用户指定的格式返回数据,以及在用户不指定格式的情况下默认返回 png 格式。
目前测试来看,webp 已经能很好的取代所有常用的其他的图片格式了,并且提供了夸张的压缩率:通过 gravatar.com 访问的一张尺寸为 130KB 的图,在经过 Cravatar 的格式转换后能被压缩到 8KB 。
尺寸变小除了能为我们节省流量外也会大幅提升你的网页展现速度。