图片都有那些格式呢?
一、前因
我只是单纯地想让网站的访问速度变得咻咻咻,一不小心却让互联网给突突突了。
七牛云的图片瘦身效果差强人意,这是我多次按 Ctrl+F5 得来的结果。这 ¥0.1 / 千张的费用花得还不如白嫖的tinypng。
二、旅程
花了点时间找到了 https://tip.indexnl.com/download/ 这款工具,就要准备压缩之时,从天而降的想法攫住了我——或许还有更好的工具。
天不负我,大脑对图片的认知不再限于jpg、png,多了webp、heic与avif。
前者不消说,大众根深蒂固了,后三者出来之时可谓是黑科技满满,说白了也就是图片更小了、画质更清晰了。
最新的格式是avif,同一张图片各格式大小对比为:png > jpg > webp > heic > avif。可能出来的时间顺序也是这样呢(猜的)。
回到网站,既然都有黑科技了,网站图片就没有必要用过时的jpg、png吧。网海游荡了一圈回来,保守使用都是用webp,也有兼顾所有版本的用法,类似下面:
<picture>
<source type="image/avif" srcset="图片.avif" />
<source type="image/webp" srcset="图片.webp" />
<img src="图片.jpg" srcset="图片.png" alt="图片" />
</picture>
不过我的博客是hugo,而hugo支持webp,顺其自然就用webp。
具体使用方法如下:
还在学习中呢,本年最后一天,敲代码是不可能的了。
三、总结
互联网:科技的发展真是好,一根网线就能撬开我想要撬开的大门,衔接我想衔接的知识。
大数据:科技的发展真是好,一根网线就能接收你想要接收的信息,沉迷你想沉迷的资讯。
两者区别在于:你与TA,谁处于主动方。
我更喜欢主动方。
跨年快乐,提前祝元宵节快乐。[狗头]