我最近在对比博客和图床的图片格式优化,研究了JPG、WebP、AVIF三种主流图片格式,今天跟大家聊聊我的实测感受,还有最终的选择。
先简单通俗说下三者的区别,普通人、建站博主都能看懂。
首先是画质和体积,这是大家最关心的两点。老牌的JPG不用多说,兼容性无敌,但压缩效率很一般,同等画质下体积最大。
WebP是谷歌的成熟格式,相比JPG,同等画质能压缩小25%-35%,画质几乎看不出差别,肉眼完全无感,日常摄影图、博客配图用着完全够用。
而AVIF可以说是目前的画质天花板,是新一代图片格式!它的压缩能力更强,同等清晰程度下,体积比JPG小50%左右,比WebP还要再小20%-30%,色彩更细腻、渐变过渡更自然,高光影暗细节保留得更好,特别适合我这种主要是上传摄影照片的人。
但!最大的短板就是兼容性,这也是我放弃它的核心原因。
JPG不用多说,所有设备、所有浏览器、所有系统通吃,没有任何门槛。WebP经过这么多年普及,目前几乎所有主流、老旧设备都完美兼容,稳定性拉满。
而AVIF,虽然性能画质拉满,但对设备和浏览器版本要求很高。很多老旧电脑、低版本浏览器根本打不开,图片会直接失效、空白。
本来我已经做好了规划,从九月份开始,要逐渐我所有的摄影作品、图床上传的图片,全部统一换成AVIF格式。想着既能极致压缩节省存储空间,又能保留高清画质,还能加快博客打开速度,一举多得。
结果实测踩坑了!尽管Typecho自身的图片上传格式中就有 avif,也开启了,但实际在撰写文章时候仍然不支持这个格式。


而且借着工作机会,会接触到很多旧电脑,旧系统,旧浏览器,发现其中有不少也是打不开AVIF图片。今天偶然发现,就连我家车载系统,也不支持AVIF格式,完全无法正常显示。

瞬间就想通了,再好的格式,兼容性差就是硬伤。做博客、分享图片,核心是让所有人都能正常浏览,而不是只追求极致参数。如果一部分用户打开是空白图,再好的画质和速度都没有意义。
所以最终果断调整方案:暂时放弃AVIF,固定使用WebP作为博客、图床的主力图片格式。
WebP刚好是完美的折中选择:体积比JPG小很多、加载更快、画质够用,同时兼容性拉满,新旧电脑、浏览器、车载设备全都能正常显示。
等后续几年AVIF彻底普及、老旧设备淘汰得差不多了,我再全面切换新一代格式就好。现阶段,稳定适配所有用户,永远比极致性能更重要~
评论区
共 23 条评论因为我的工作,接触到的很多十几年前老电脑,Windows 7 甚至Windows XP 的用户,才知道他们只能访问“老破小”网站,还是照顾一下好。
不压缩的话,一张照片好几mb,甚至十几二十mb,甚至我以前还有三四十mb都照片,放在网页上这加载速度就无法接受了。即便有CDN也要尽可能把每张图控制在1M左右。