nmsn / blog

记录日常遇到的问题,需要记录的笔记以及新学到的知识,会进行汇总和分类,自动更新 README,欢迎评论和补充,互相学习
36 stars 0 forks source link

webp 知识点 #75

Open nmsn opened 1 year ago

nmsn commented 1 year ago

webp 是谷歌推出的一种新的格式,简单来说,它可以通过 jpg、 png 等主流资源格式转换,达到无损画质的效果,并且相比正常的图片资源,压缩体积会减少到 40% 以上,大量主流浏览器已经支持了webp,并且最近 IOS14 及以上设备的 safari 浏览器也已经新增对 webp 的支持,只有少部分 IOS 低版本还不兼容

但 webp 相比同画质的 png 的加载时间反而更长

webp 体积小的代价是在压缩过程中进行了分快、帧内检测、量化等操作,这些操作是减少 webp 体积的核心原因,不过作为交换的是,相比 jpg、png 等资源,它具备更长的解析时长

这种情况在网络极好的情况下才会出现的负优化,比例并不高