前言
Webp图片格式出来很久了,因为之前有些浏览器还不能完美兼容并且很多免费CDN服务商也不支持Webp的缓存加速,以及typecho也并不支持该格式上传。随着typecho 1.2版本发布,增加对WebP的支持,绒毛球也考虑将Webp图片列入博客优化计划。
闲聊几句
不过在此行动之前,希望站长朋友们还有考虑清楚几个问题:
- 清晰度问题:虽然 Webp
的压缩比例很高,但是博客所有图片都已经通过压缩,图片压缩之后与原图的比较是否有明显的差别,这就需要三者详细对比。 - 费用问题:由于目前博客全年的支出就只有一个阿里云学生机 +
com域名费用,也就两百来块钱,而对象储存和CDN不仅需要存储费用,真用起来还有处理费用、请求费用、流量费用,所以能省则省,尽量以免费的目的去思考整件事。 - 替换简易度:虽然阿里云可以直接对图片进行处理并加速,但是需要钱。那么在免费的情况下,如何对整站所有图片进行替换,这需要考虑是批量对
png、jpg、jpeg
等格式转换成Webp格式或者说选择在某个时间节点开始,之后的全部用Webp格式图片。 - CDN 规则:真替换之后,还需要在CDN的缓存规则中增加(确认)对Webp格式的支持,千万别忘记导致服务器资源(对象存储请求、流量费用)暴涨
- 原有数据处理:原有的图片尽量做一个备份,以防万一。
总结
全站改 Webp 格式很容易但是最纠结的还是是清晰度,有强迫症的朋友还是在慎重考虑一下~就拿本文配图为例png图片格式通过TinyPNG图片压缩之后,清晰度明显比80% 质量的Webp图片格式要清晰,虽然Webp只有压缩后的png图片大小的一半,但是中间绿色圈圈的锯齿明显要多一些。而如果设置100%质量反而比png要大了五倍