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

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

 

【PNG】（Portable Network Graphics）

PNG是一种无损压缩的位图图形格式，主要有PNG八、PNG2四、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图像文件是以块的形式来存储图像信息，其中的块又称为区域结构。按照其中块的特征又能够将全部的块分红三大类：

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

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

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