还是用 webp 格式照片吧

我最近在对比博客和图床的图片格式优化,研究了JPG、WebP、AVIF三种主流图片格式,今天跟大家聊聊我的实测感受,还有最终的选择。

先简单通俗说下三者的区别,普通人、建站博主都能看懂。

首先是画质和体积,这是大家最关心的两点。老牌的JPG不用多说,兼容性无敌,但压缩效率很一般,同等画质下体积最大。

WebP是谷歌的成熟格式,相比JPG,同等画质能压缩小25%-35%,画质几乎看不出差别,肉眼完全无感,日常摄影图、博客配图用着完全够用。

而AVIF可以说是目前的画质天花板,是新一代图片格式!它的压缩能力更强,同等清晰程度下,体积比JPG小50%左右,比WebP还要再小20%-30%,色彩更细腻、渐变过渡更自然,高光影暗细节保留得更好,特别适合我这种主要是上传摄影照片的人。

但!最大的短板就是兼容性,这也是我放弃它的核心原因。

JPG不用多说,所有设备、所有浏览器、所有系统通吃,没有任何门槛。WebP经过这么多年普及,目前几乎所有主流、老旧设备都完美兼容,稳定性拉满。

而AVIF,虽然性能画质拉满,但对设备和浏览器版本要求很高。很多老旧电脑、低版本浏览器根本打不开,图片会直接失效、空白。

本来我已经做好了规划,从九月份开始,要逐渐我所有的摄影作品、图床上传的图片,全部统一换成AVIF格式。想着既能极致压缩节省存储空间,又能保留高清画质,还能加快博客打开速度,一举多得。

结果实测踩坑了!尽管Typecho自身的图片上传格式中就有 avif,也开启了,但实际在撰写文章时候仍然不支持这个格式。

截屏2026-08-30 00.05.42.png
Typecho 不支持.png

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

汽车不支持avif

瞬间就想通了,再好的格式,兼容性差就是硬伤。做博客、分享图片,核心是让所有人都能正常浏览,而不是只追求极致参数。如果一部分用户打开是空白图,再好的画质和速度都没有意义。

所以最终果断调整方案:暂时放弃AVIF,固定使用WebP作为博客、图床的主力图片格式。

WebP刚好是完美的折中选择:体积比JPG小很多、加载更快、画质够用,同时兼容性拉满,新旧电脑、浏览器、车载设备全都能正常显示。

等后续几年AVIF彻底普及、老旧设备淘汰得差不多了,我再全面切换新一代格式就好。现阶段,稳定适配所有用户,永远比极致性能更重要~

😊
提交

评论区

共 23 条评论

  1. 头像
    菲克 蕴韵
    去年开始就一直在用webp了,体积小,加载快,效果很好
    9月1日 山东
  2. 头像
    AVIF太新了,背靠背景也没webp强。webp好歹有谷歌背书🤣
    8月31日 江苏
  3. 头像
    ymz316 蕴韵
    文件压缩与色彩还原始终无法找到最完美的解决办法,我也在将就着用webp
    8月31日 湖南
    1. 头像
      Vind🌙 博主
      @ymz316 压缩多了画质变差,要画质好图片就很大,所以出现了不同的编码方式,允许有更大压缩空间的同时提高更好画质。但是新一些的模式老机器就不兼容。这在所难免。
      因为我的工作,接触到的很多十几年前老电脑,Windows 7 甚至Windows XP 的用户,才知道他们只能访问“老破小”网站,还是照顾一下好。
      8月31日 俄罗斯
  4. 头像
    崔话记 识律
    要完美一点的话,用srcset兼容一下就可以了,用cf/cdn图片自动转码或者自己存2份格式。
    8月31日 广东
    1. 头像
      Vind🌙 博主
      @崔话记 上传都有自动转码的,这个不难设置。
      8月31日 上海
  5. 头像
    宇哥 闻琴
    看来webp真的是众望所归,我也是多方对比了许久,才决定了博客上所有图片都使用webp格式。为此我还专门手搓了一个批量转换图片为webp格式的python小工具,这下可方便多了。🤣
    8月31日 浙江
    1. 头像
      Vind🌙 博主
      @宇哥 我的NAS有这个转码压缩功能,还有博友专门开发了一个,我是腾讯云服务器,腾讯也有免费转码处理的,以及图床本身也自带。这个都不难搞。
      8月31日 上海
      1. 头像
        宇哥 闻琴
        @Vind🌙 嗯,方式有很多,适合自己的就是最好的~
        8月31日 浙江
  6. 头像
    流情 凝音
    我就是把相册的图片转化成webp来作为缩略图。
    8月31日 四川
    1. 头像
      Vind🌙 博主
      @流情 如果是要专门做封面,做成缩略图,只有几KB,也是不错的。
      8月31日 上海
  7. 头像
    S
    画质压狠一点webp基本等同于avif,反正都是博客自个儿看,又不是参加摄影大赛~
    8月31日 江苏
    1. 头像
      Vind🌙 博主
      @S 如果是摄影比赛就发原图了,不过我还没参加过。
      8月31日 上海
  8. 头像
    我博客的图片用的都是WebP格式。上传其他格式自动转换。😊
    8月31日 山东
  9. 头像
    西风 凝音
    新技术还是兼容性太低,还得等
    8月31日 美国–加利福尼亚州–洛杉矶–洛杉矶
  10. 头像
    小彦 心鸣
    webp 要转换一次,jpg 的话,手机拍摄下来就是 jpg,不需要转,直觉来说跟着手机厂商做应该是挺好的
    8月30日 广东
    1. 头像
      Vind🌙 博主
      @小彦 同等压缩的情况下,webp比JPG占用空间更小,图片质量更高。avif比WebP还要小的同时画质也还要高。
      不压缩的话,一张照片好几mb,甚至十几二十mb,甚至我以前还有三四十mb都照片,放在网页上这加载速度就无法接受了。即便有CDN也要尽可能把每张图控制在1M左右。
      8月31日 上海