前端常见图片格式

1.GIF（87年）：使用无损压缩，支持256中颜色（一般叫8 bit彩色），支持单一透明色；

2.JPG（92年）：使用的一种失真压缩标准方法，24 bit真彩色，内容比GIF丰富，不支持动画、不支持透明色。JPEG的压缩方式通常是破坏性资料压缩（lossy compression）,意即在压缩过程中图像的品质会遭受到可见的破坏。一张图片多次上传下载后，图片逐渐会失真。

优点

　　JPEG/JFIF是最普遍在万维网（World Wide Web）上被用来储存和传输照片的格式。JPEG在色调及颜色平滑变化的相片或是写实绘画（painting）上可以达到它最佳的效果。在这种情况下,它通常比完全无失真方法作得更好,仍然可以产生非常好看的影像（事实上它会比其他一般的方法像是GIF产生更高品质的影像,因为GIF对于线条绘画（drawing）和图示的图形是无失真,但针对全彩影像则需要极困难的量化）。

缺点

　　它并不适合于线条绘图（drawing）和其他文字或图示（iconic）的图形,因为它的压缩方法用在这些图形的型态上,会得到不适当的结果；

3.PNG（96年）：格式是无损数据压缩的,PNG格式有8位、24位、32位三种形式,其中8位PNG支持两种不同的透明形式（索引透明和alpha透明）,24位PNG不支持透明,32位PNG在24位基础上增加了8位透明通道（32-24=8）,因此可展现256级透明程度。

　　* 支持256色调色板技术以产生小体积文件

　　* 最高支持48位真彩色图像以及16位灰度图像。

　　* 支持Alpha通道的半透明特性。

　　* 支持图像亮度的gamma校正信息。

　　* 支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。

　　* 使用无损压缩。

　　* 渐近显示和流式读写,适合在网络传输中快速显示预览效果后再展示全貌。

　　* 使用CRC循环冗余编码防止文件出错。

　　* 最新的PNG标准允许在一个文件内存储多幅图像。

　　但也有一些软件不能使用适合的预测,而造成过分臃肿的PNG文件。

4.alpha通道：描述图片中的透明区域，此透明区域允许通透地显示背景。

是指一张图片的透明和半透明度。例如：一个使用每个像素16比特存储的位图，对于图形中的每一个像素而言，可能以5个比特表示红色，5个比特表示绿色，5个比特表示蓝色，最后一个比特是阿尔法。在这种情况下，它要么表示透明要么不是，因为阿尔法比特只有0或1两种不同表示的可能性。又如一个使用32个比特存储的位图，每8个比特表示红绿蓝，和阿尔法通道。在这种情况下，就不光可以表示透明还是不透明，阿尔法通道还可以表示256级的半透明度，因为阿尔法通道有8个比特可以有256种不同的数据表示可能性。

5. 对比

JPG VS PNG：JPG在图片压缩方面有巨大优势，但采用有损压缩，图片质量有损失。一般截屏用PNG格式不但比JPG质量高 且 文件还更小；

防锯齿PNG非常有优势。

<img src="https://s4.51cto.com/images/blog/202108/09/e32541b942556ec5a5279c923482f49c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=" data-rawwidth="640" data-rawheight="323" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/c9b2388ed08107af16f2759b0d0ef76e_r.png">