如何明白PNG的花样和他们用的算法，和jpeg有什么区别呢？我们可以看看PNG是便携式网络图形（ Portable Network Graphics）的缩写，由于PNG带有透明通道，无损压缩，可提升设计元素的出现效果，因此设计上对PNG情有独钟，广泛的运用在设计、游戏、网页、app开发里，实际使用上由于存在许多误区，导致被滥用，这里对之前学习png的心得做个整理。首先，PNG和降生跟GIF花样有较大关系，这中间有许多趣事，可自行查阅。PNG的压缩历程是完全无损的，压缩过的文件可以准确地还原出原图，可封装多种pixfmt花样的数据，而且是一种可扩展的封装花样，PNG文件花样内里包罗差别的区块(chunks)，各个区块带有差别类型的数据。

典型的PNG数据包罗四部门，而在此基础上，增加acTL（动画控制块）、fcTL（帧控制块）、fdAT（帧数据块）即为APNG动图花样。PNG Signature（PNG签名块，包罗PNG类型的标识）IHDR（图像头部块，包罗图片的宽度、高度、位的深度和颜色类型）IDAT（图像数据块，像素压缩后的数据）IEND（图像竣事块，PNG竣事标识）2.PNG文件剖析PNG图像花样文件由一个8字节的PNG文件署名(PNG signature：0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A)和根据特定结构组织的3个以上的数据(chunk)组成。

PNG界说了两种类型的数据块，一种是称为关键数据块(critical chunk)，这是尺度的数据块，另一种叫做辅助数据块(ancillary chunks)，这是可选的数据块。关键数据块界说了4个尺度数据块，每个PNG文件都必须包罗它们，PNG读写软件也都必须要支持这些数据块，虽然PNG文件规范没有要求PNG编解码器对可选数据块举行编码息争码，但规范提倡支持可选数据块。

2.PNG文件剖析PNG图像花样文件由一个8字节的PNG文件署名(PNG signature：0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A)和根据特定结构组织的3个以上的数据(chunk)组成。PNG界说了两种类型的数据块，一种是称为关键数据块(critical chunk)，这是尺度的数据块，另一种叫做辅助数据块(ancillary chunks)，这是可选的数据块。关键数据块界说了4个尺度数据块，每个PNG文件都必须包罗它们，PNG读写软件也都必须要支持这些数据块，虽然PNG文件规范没有要求PNG编解码器对可选数据块举行编码息争码，但规范提倡支持可选数据块。每个数据块按如下方式排列，包罗数据块 内 数据长度、块类型、块数据和CRC校验码。

一个典型的PNG文件的十六进制如下：（1）PNG signaturePNG signature为牢固的8个字节0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A（2）IHDR文件头数据块IHDR(header chunk，13个字节)包罗PNG文件中存储的图像数据的基本信息，包罗分辨率、比特深度、色彩模式、压缩方法，是很是重要的数据块，必须作为第一个数据块泛起在PNG数据流中，而且一个PNG数据流中只能有一个文件头数据块。（3）IDAT图像数据块IDAT(image data chunk)存储实际的数据，在数据流中可包罗多个一连顺序的图像数据块。

IDAT存放着图像真正的数据信息，因此，如果能够相识IDAT的结构，我们就可以很利便地生成PNG图像。生成IDAT需要先经由Filter（详细算法由IHDR指定），再经由Deflate（详细算法由IHDR指定）（4）IEND图像竣事数据IEND(image trailer chunk)用来标志PNG文件或者数据流已经竣事，而且必须要放在文件的尾部。

如果我们仔细视察PNG文件，我们会发现，文件的末端12个字符看起来总应该是这样的：00 00 00 00 49 45 4E 44 AE 42 60 82由于IEND数据块的长度是0（00 00 00 00，除非人为加入信息），数据标识总是IEND（49 45 4E 44），因此，CRC码也总是AE 42 60 82。3.FilterIDAT的压缩历程主要包罗Filter和deflate两部门，Filter即对像素做过滤，PNG编码使用差分对原始像素数据举行Filter，该历程无任何压缩损失，而且完全可逆。

对图像来说，存储残差所需的比特远远小于实际图像所需，这也是差分编码的收益泉源。差分编码原理如下，对于每一行像素点X，使用左、左上、上的三个像素来举行约束，对于差别的内容，须使用差别的Filter类型来提升压缩收益。

PNG在压缩时，对每行的图像以byte为单元举行filter，如图像为真彩色RGBA图像，则先对R分量举行filter，再依次对G、B、A举行Filter[5]。4.deflatePNG中的Deflate与gzip、zlib中的deflate原理一样，联合了LZ77和Hoffman算法。Ziv和Lempel于1977年揭晓《A Universal Algorithm for Sequential Data Compression 》举行像素数据的压缩，界说了一种编码尺度而没界说详细实现，厥后称为LZ77算法，LZ77压缩算法接纳字典的方式举行压缩，是一个简朴但十分高效的数据压缩算法。

其方式就是把数据中一些可以组织成短语(最长字符)的字符加入字典，然后再有相同字符泛起接纳标志来取代字典中的短语，如此通过标志取代多数重复泛起的方式以举行压缩。Hoffman是一种变长编码，即用少的bit数表现泛起概率大的数据。

deflate算法用在压缩图片数据上，有以下特点:Deflate算法只能匹配3到258个之间符号，所以最大的压缩比只能到1035:1；如果匹配到的符号小于3，那么你会发生一些分外的开销来表现这些符号；上面的这两点意味着实际图片巨细会受到每一行像素的匹配水平影响。

本文来源：宝博app官网-www.chnzhida.com