常见图片格式PNG，JPEG，BMP，GIF区别总结

在前端工作久了经常会遇到各种格式的图片文件，现文做一些区别总结，帮助理解但不深入。

【PNG】（Portable Network Graphics）

PNG是一种无损压缩的位图图形格式，主要有PNG8、PNG24、PNG32三种格式，主要区别如下：

PNG8）8位PNG，最大支持2的8次方=256色，支持256阶alpha透明，支持索引色透明

PNG24）24位PNG，最大支持2的24次方>1600万色，不支持256阶alpha透明和索引色透明

PNG32）32位PNG，最大支持2的24次方>1600万色，在PNG24的基础上补了8位，用于支持256阶alpha透明，不支持索引色透明

【JPEG】（Joint Photographic Experts Group）

JPG的文件格式是JPEG，由于早期系统文件扩展名只支持3个字符，所以简写成了JPG，由于养成了习惯，JPG比JPEG更流行，本质没有区别。

JPEG不能存储透明信息。

JPEG的压缩标准可分为标准JPEG、渐进式JPEG及JPEG2000三种，主要区别如下：

标准JPEG）以24位存储颜色的格式。展现方式为由上而下依次加载图片，直到图片全部加载完成，才能看到完整的图片。支持压缩，但可能有损耗。

渐进式JPEG）标准JPEG的改良格式。展现方式为交错加载图片，先呈现模糊外观，等到全部加载完再显示完整的原图。

JPEG2000）新一代压缩品质更好的格式。 展现方式为渐进加载图片，先传输图片轮廓呈现模糊外观，再渐渐的显示出清晰的原图。 压缩率比标准JPEG高约30%，支持无损和有损压缩。

【BMP】（Bitmap-File）

BMP格式没有压缩像素格式。

BMP不能存储透明信息。

BMP存储在文件中时先有文件头、再图像头、后面就都是像素数据了，上下颠倒存储。

文件头）大小为14B，提供文件的格式、大小等信息

信息头）大小为40B，提供图像数据的尺寸、位平面数、压缩方式、颜色索引等信息

调色板）大小由biBitCount决定，可选，如使用索引来表示图像，调色板就是索引与其对应的颜色的映射表

位图数据）大小由图片大小和颜色定，图像数据区

biBitCount=1时，可存储2的1次方=2色；

biBitCount=4时，可存储2的4次方=16色；

biBitCount=8时，可存储2的8次方=256色；

biBitCount=24时，可存储2的24次方>1600万色；

【GIF】（Graphics Interchange Format）

GIF是一种图像交换格式。

GIF支持在一个GIF文件中存放多幅彩色图像，并且可以按照一定的顺序和时间间隔将多幅图像依次读出并显示在屏幕上，这样就可以形成一种简单的动画效果。尽管GIF最多只支持256色，但是由于它具有极佳的压缩效率并且可以做成动画而早已被广泛接纳采用。

GIF图像文件是以块的形式来存储图像信息，其中的块又称为区域结构。按照其中块的特征又可以将所有的块分成三大类：

控制块）主要包括文件头信息、逻辑屏幕描述块、图像控制扩充块、文件结尾块

图像描述块）主要包括图像描述块、全局调色板、局部调色板、图像压缩数据、图像说明扩充块

特殊用途块）主要包括图像注释扩充块、应用程序扩充块