PNG图像IDAT块像素存储机制及手动构建PNG异常问题咨询

1. PNG的IDAT块如何存储像素信息？ #

IDAT块存储的是经过Deflate压缩后的像素行数据，核心逻辑如下：

• 像素按从上到下、从左到右的顺序排列，每一行的结构是：1字节的过滤符 + 该行的原始像素数据。
• 过滤符（取值0-5）是用来减少像素冗余的预处理操作，比如复制上一行像素、计算与左侧像素的差值等，解码器会根据过滤符还原原始像素。
• 每行原始像素数据的长度由图像宽度、颜色类型、位深共同决定：比如8位RGBA（颜色类型6），每个像素占4字节，宽度为W的行，原始像素数据就是W*4字节，加上1字节过滤符，每行总长度为1 + W*4字节。
• 所有行的过滤后数据拼接在一起，再用Deflate算法压缩，最终的压缩结果就是IDAT块的内容。

2. 何时采用RGBA四通道、何时采用RGB三通道？ #

• RGB三通道（颜色类型2）：当图像不需要透明/半透明效果时使用，比如纯彩色海报、不透明照片。优势是每个像素少1字节，能节省存储空间，解码速度也略快。
• RGBA四通道（颜色类型6）：当图像需要透明背景、半透明元素时使用，比如图标、带透明边缘的插画。第四个Alpha通道取值范围为0（完全透明）到255（完全不透明），用来控制像素的透明度。

注意：如果硬给不透明图像用RGBA通道，虽然能正常显示，但会浪费存储空间，没有必要。

3. bit depth与color type对图像存储的影响？ #

这两个参数是绑定的，不同颜色类型有严格允许的位深范围，同时直接决定像素的存储格式：

合法组合规则 #

你之前尝试的颜色类型2+位深10、颜色类型6+位深10都是非法组合，解码器无法正确解析，这也是颜色显示异常的原因之一。

具体影响 #

• 位深：决定单个颜色通道的取值范围。8位通道取值0-255，16位取值0-65535，位深越高颜色精度越高，但文件体积也越大。
• 颜色类型：决定像素的通道数量。比如颜色类型2（RGB）每个像素占3*位深/8字节，颜色类型6（RGBA）每个像素占4*位深/8字节，直接影响每行的字节长度和总数据量。
• 非法组合会导致解码器解析错误，出现颜色混乱、图像显示不全甚至无法打开的问题。

4. 8位RGBA（颜色类型6）下仅前两个像素显示的原因？ #

大概率是以下某一个或多个问题导致：

• 缺失过滤字节：每行开头必须加1字节过滤符（通常用0，即无过滤），如果没加，解码器会把第一个像素的R字节当成过滤符，后续所有像素数据错位，导致后面的像素被错误解析，甚至超出数据范围，只显示前几个。
• 像素数据长度不匹配：比如图像宽度设为4，但你提供的像素数据只够2个像素（8字节），加上过滤符总共9字节，解码器认为后续像素缺失，自然只显示前两个。
• Deflate压缩错误：如果手动做压缩时，压缩后的字节数不足，或者压缩参数错误，解码器只能解压出部分数据，后面的像素无法被还原。
• IHDR参数不匹配：比如IHDR块里写的宽度是4，但实际IDAT中的像素数据长度不够，解码器会按缺失处理，只显示能解析到的像素。

内容的提问来源于stack exchange，提问作者S-N