虽说现在我们在浏览内容时都更倾向于看视频了，但是wifi并不是到处都有，考虑到自己手机里那点可怜的流量，无数次的忍住了点击播放的按钮。

现在网络内容实在太多了，看字真心累，看图就挺好，时不时还能舔下屏，不用担心切镜头，舔错对象了。

大家一般关系图好不好看，图片格式这个东西基本上不会怎么关心。不过如果你了解一下，不经意的时候或许还能帮你的小忙。

图片格式的名字jpg，png，gif也是经常听到的，也经常在电脑的图片文件里看到这些后缀。图片格式是啥意思呢？就是图片的压缩格式。网络中图片传输的流量是十分惊人的，单个图片压缩带来的收益可能并不明显，但是一旦到了整个网络这个量级，哪怕一点点压缩上的进步，对整个网络的传输优化贡献都是极大的，省到就是赚到。

先来说说之前在这方面表现比较优秀的jpg。jpg压缩的过程中，在压缩的时候将浮点数表示的频率系数转成了整数表示，所以会导致图片质量上的下降（具体细节有兴趣的可以自己研究下）。因为jpg对图片是有损压缩的，而且压缩比可调，非常灵活，不是过分压缩的情况下，压缩前后的图片质量的差异并不明显，特别是快餐消费的图片，都是一扫而过，非常适合用jpg来展示。10:1的压缩比基本很难看出差异，如果不怎么关心质量，来个100:1也不是不可以。

再来说说png。其实在平时的使用过程当中，比较直观的感受是png可以有透明色，而jpg不可以，即使有透明色的图片一旦保存为jpg就失去了透明的属性。透明熟悉就是通常说的alpha通道，一般我们用RGB（红绿蓝）来表示颜色，拥有alpha通道格式的图片还有专门的存储位来表示透明的程度。 png是无损压缩的，但是这里需要说明的是无损压缩并不是说能够还原的和原图一样，png的压缩原理就是找图片中相同的颜色，然后对相同的颜色做索引，还原的时候就将索引到一起的颜色还原到原来的位置，但问题是我们是用有限的存储位来记录颜色的，如果存储的位数少于原图中颜色的数量，那么必然会丢失一些颜色，会导致压缩后的图片和原图有差异，所以只能说是压缩的算法无损，压缩的图一般还是有损的（除非颜色数量小于能够存储的位数）。

gif呢？第一印象应该是一种能动的图片（当然也是可以不用动的啦，但是不同要你来干嘛呢）。它和png一样也是无损压缩支持透明，不过它支持在一个文件中存储多个图片，并且可以控制图片按帧播放来产生动画效果。不过存储位数有限，只支持256种颜色（看动图的都把注意力放在动画表现的内容上了，图片质量反而是次要的）。原理很简单，没啥多说的，个人还是比较喜欢gif这种表现形式，动感十足，又没有视频那么重，特别那啥啥啥的gif图片重复的特别有感...

省钱要追求极致，如果既能省钱又能享受品质那就最好不过了。所以这里还要提下webp这个后起之秀，既然是后起之秀，自然肩负前辈们的众望，于是它拥有有损无损两种压缩模式，支持透明，支持动画，压缩比还比前辈高，一种看起来要把前浪拍死在沙滩上的样子。不过瘦死的骆驼比马大，只能说慢慢来吧...