图片压缩:使用WebP格式

虽然coding+七牛cdn的速度不错,但是偶尔也会出现头图加载不出来的现象
今天就从源头上压缩一下图片的体积,加快图片加载速度

头图

如果网站图片少当然加载速度快,但是同时也减少了内容丰富性和美观性,所以必须做出妥协。

本站主题自带的头图banner功能我很喜欢,但是1000x400的分辨率确实比较大
以往我都是保存为jpg格式,然后调整图片质量为70,最后大小也有五六十K吧,如果遇到网络差点就会加载不出来。

WebP

搜索的时候知道了这个图片格式,于是立马测试了一番。
随便选择了一篇文章的头图,JPG格式的大小是53K

压缩后则只有23K啦,足足减少一半还多

最关键的是图片质量并没有什么差别…

转换

我使用的是一款名叫Isparta的软件,可以直接批量一键转换

比较麻烦的就是上传到七牛了…原本我用的极简图床,貌似不支持webp格式
又恢复到手动模式了,这个以后再研究吧

浏览器支持

这个格式的图片之所以没有广泛运用,最主要的原因就是需要浏览器支持
像chrome以及相同内核的360极速都是可以的,但IE就不行…

使用IE浏览本站的话,你会看到这样子

凡是webp格式的图片都看不见,所以我在此建议

请使用Chrome浏览本站

好在chrome现在已经成为全球使用量最多的一款浏览器啦,相信没有什么问题的
连魅族自带的手机浏览器都可以正常浏览

其他

后面再研究下压缩CSS、HTML、JS等等,今天用了一个插件结果报错了
生命不息,优化不止。