png解碼演算法

⑴ PNG格式是什麼格式我在《極限主題》論壇看到的

PNG，是一種無損壓縮點陣圖圖形文件格式。PNG格式是無損壓縮的，允許使用類似於GIF格式的調色板技術，支持真彩色圖像，並具備alpha通道(半透明)等特性。PNG格式正在被互聯網及其他地方流行開來。

PNG的的英文名稱為Portable Network Graphics，即攜帶型網路圖片。另有說法是名稱來源於非官方的「PNG is Not GIF」。

特性
支持256色調色板技術以產生小體積文件
最高支持48位真彩色圖像以及16位灰度圖像。
支持alpha通道的半透明特性。
支持圖像亮度的gamma校正信息。
支持存儲附加文本信息，以保留圖像名稱、作者、版權、創作時間、注釋等信息。
使用無損壓縮
漸近顯示和流式讀寫，適合在網路傳輸中快速顯示預覽效果後再展示全貌。
使用CRC循環冗餘編碼防止文件出錯。
最新的PNG標准允許在一個文件內存儲多幅圖像。

[編輯] 版本及歷史
1995年早期，Unisys公司根據它在GIF格式中使用的LZW數據壓縮演算法的軟體專利(美國 第4558302號)開始商業收費。為避免專利影響，用於表現單張圖像的PNG、用於表現動畫的MNG圖形文件格式被同時創建出來。1999年8月，Unisys公司進一步中止了對自由軟體和非商用軟體開發者的GIF專利免費許可，從而使PNG格式獲得了更多的關注。

在PNG傳播過程中，很多網路瀏覽器經過很長時間才開始支持PNG格式，甚至目前Windows下的IE瀏覽器仍然不能完整支持PNG的所有特性。這造成PNG格式並沒有得到廣泛的認知。

PNG的1.0版本規范於1996年7月1日發布，後來被稱為RFC 2083標准，並在1996年10月1日成為W3C建議。
PNG的1.1版本進行了部分小幅修改並增加了三個新的數據塊定義，於1998年12月31日發布。
PNG的1.2版本增加了另外一個數據塊，於1999年8月11日發布。
PNG現行版本是國際標准(ISO/IEC 15948:2003)，並在2003年11月10日作為W3C建議發布。這個版本與1.2版僅有細微差別。
此外也產生了基於PNG的動畫格式，1996年6月提出PNF（Portable Network Frame）草案，當年8月改名為MNG（Multiple-image Network Graphics）。[1]

2004年末, PNG的動畫擴展，APNG被提出來。這是一個相對於MNG更簡單的動畫實現方案，不識別APNG格式的PNG解碼器至少能夠正常回放第一幅普通PNG畫面。 [2]

[編輯] 文件結構
PNG圖像格式文件由一個8位元組的PNG文件署名(file signature)域和3個以上的後續數據塊(chunk)組成。

PNG文件包括8位元組文件署名(89 50 4E 47 0D 0A 1A 0A，十六進制)，用來識別PNG格式。

PNG定義了兩種類型的數據塊，一種是PNG文件必須包含、讀寫軟體也都必須要支持的關鍵塊(critical chunk)；另一種叫做輔助塊(ancillary chunks)，PNG允許軟體忽略它不認識的附加塊。這種基於數據塊的設計，允許PNG格式在擴展時仍能保持與舊版本兼容。

關鍵數據塊中有4個標准數據塊：

文件頭數據塊IHDR(header chunk)：包含有圖像基本信息，作為第一個數據塊出現並只出現一次。
調色板數據塊PLTE(palette chunk)：必須放在圖像數據塊之前。
圖像數據塊IDAT(image data chunk)：存儲實際圖像數據。PNG數據允許包含多個連續的圖像數據塊。
圖像結束數據IEND(image trailer chunk)：放在文件尾部，表示PNG數據流結束。

[編輯] PNG/JPG/GIF對比
PNG使用了從LZ77派生的一個非專利無損數據壓縮演算法(名為deflation)。這個演算法對圖像里的直線進行預測然後存儲顏色差值，這使得PNG經常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟體不能使用適合的預測而造成過分臃腫的PNG文件。 （缺）

⑵ 圖片格式jpG、GIF、PNG、BMP是什麼意思

隨著Windows操作系統的流行與豐富的Windows應用程序的開發，BMP點陣圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富，幾乎不進行壓縮，但由此導致了它與生俱生來的缺點--佔用磁碟空間過大。所以，目前BMP在單機上比較流行。
GIF格式GIF是英文Graphics
Interchange
Format（圖形交換格式）的縮寫。顧名思義，這種格式是用來交換圖片的。事實上也是如此，上世紀80年代，美國一家著名的在線信息服務機構CompuServe針對當時網路傳輸帶寬的限制，開發出了這種GIF圖像格式。
GIF格式的特點是壓縮比高，磁碟空間佔用較少，所以這種圖像格式迅速得到了廣泛的應用。
最初的GIF只是簡單地用來存儲單幅靜止圖像（稱為GIF87a），後來隨著技術發展，可以同時存儲若干幅靜止圖象進而形成連續的動畫，使之成為當時支持2D動畫為數不多的格式之一（稱為GIF89a），而在GIF89a圖像中可指定透明區域，使圖像具有非同一般的顯示效果，這更使GIF風光十足。目前Internet上大量採用的彩色動畫文件多為這種格式的文件，也稱為GIF89a格式文件。
此外，考慮到網路傳輸中的實際情況，GIF圖像格式還增加了漸顯方式，也就是說，在圖像傳輸過程中，用戶可以先看到圖像的大致輪廓，然後隨著傳輸過程的繼續而逐步看清圖像中的細節部分，從而適應了用戶的"從朦朧到清楚"的觀賞心理。目前Internet上大量採用的彩色動畫文件多為這種格式的文件。
GIF格式只能保存最大8位色深的數碼圖像，所以它最多隻能用256色來表現物體，對於色彩復雜的物體它就力不從心了。盡管如此，這種格式仍在網路上大行其道應用，這和GIF圖像文件短小、下載速度快、可用許多具有同樣大小的圖像文件組成動畫等優勢是分不開的。
JPEG格式JPEG也是常見的一種圖像格式，它由聯合照片專家組（Joint
Photographic
Experts
Group）開發並以命名為"ISO
10918-1"，JPEG僅僅是一種俗稱而已。JPEG文件的擴展名為.jpg或.jpeg，其壓縮技術十分先進，它用有損壓縮方式去除冗餘的圖像和彩色數據，獲取得極高的壓縮率的同時能展現十分豐富生動的圖像，換句話說，就是可以用最少的磁碟空間得到較好的圖像質量。由於JPEG格式的壓縮演算法是採用平衡像素之間的亮度色彩來壓縮的，因而更有利於表現帶有漸變色彩且沒有清晰輪廓的圖像。
同時JPEG還是一種很靈活的格式，具有調節圖像質量的功能，允許你用不同的壓縮比例對這種文件壓縮，比如我們最高可以把1.37MB的BMP點陣圖文件壓縮至20.3KB。當然我們完全可以在圖像質量和文件尺寸之間找到平衡點。
PNG格式PNG是20世紀90年代中期開始開發的圖像文件存儲格式，其目的是企圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。流式網路圖形格式(Portable
Network
Graphic
Format，PNG)名稱來源於非官方的「PNG's
Not
GIF」，是一種點陣圖文件(bitmap
file)存儲格式，讀成「ping」。

⑶ png解碼 iDAT部分 怎麼理解

IDAT定義：
圖像數據塊IDAT(image data chunk)：它存儲實際的數據，在數據流中可包含多個連續順序的圖像數據塊。
IDAT存放著圖像真正的數據信息，因此，如果能夠了解IDAT的結構，用戶就可以很方便的生成PNG圖像。

IDAT數據塊
00 00 00 27 數據長為39位元組
49 44 41 54 IDAT標識
78 9C…… 壓縮的數據，LZ77派生壓縮方法
DA 12 06 A5 CRC校驗

⑷ png圖片什麼意思

png是一種採用無損壓縮演算法的點陣圖格式。

png其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG使用從LZ77派生的無損數據壓縮演算法，一般應用於JAVA程序、網頁或S60程序中，原因是它壓縮比高，生成文件體積小。

PNG同時還支持真彩和灰度級圖像的Alpha通道透明度。最高支持24位真彩色圖像以及8位灰度圖像。支持Alpha通道的透明/半透明特性。支持圖像亮度的Gamma校準信息。支持存儲附加文本信息，以保留圖像名稱、作者、版權、創作時間、注釋等信息。

具備特點：

1、體積小：

網路通訊中因受帶寬制約，在保證圖片清晰、逼真的前提下，網頁中不可能大范圍的使用文件較大的bmp格式文件。

2、無損壓縮：

PNG文件採用LZ77演算法的派生演算法進行壓縮，其結果是獲得高的壓縮比，不損失數據。它利用特殊的編碼方法標記重復出現的數據，因而對圖像的顏色沒有影響，也不可能產生顏色的損失，這樣就可以重復保存而不降低圖像質量。

3、更優化的網路傳輸顯示：

PNG圖像在瀏覽器上採用流式瀏覽，即使經過交錯處理的圖像會在完全下載之前提供瀏覽者一個基本的圖像內容，然後再逐漸清晰起來。它允許連續讀出和寫入圖像數據，這個特性很適合於在通信過程中顯示和生成圖像。

⑸ PNG是什麼意思

攜帶型網路圖形（英語：PortableNetworkGraphics，PNG）是一種支持無損壓縮的點陣圖圖形格式，支持索引、灰度、RGB三種顏色方案以及Alpha通道等特性。

特性

體積小網路通訊中因受帶寬制約，在保證圖片清晰、逼真的前提下，網頁中不可能大范圍的使用文件較大的bmp格式文件。

無損壓縮PNG文件採用LZ77演算法的派生演算法進行壓縮，其結果是獲得高的壓縮比，不損失數據。它利用特殊的編碼方法標記重復出現的數據，因而對圖像的顏色沒有影響，也不可能產生顏色的損失，這樣就可以重復保存而不降低圖像質量。

索引彩色模式PNG-8格式與GIF圖像類似，同樣採用8位調色板將RGB彩色圖像轉換為索引彩色圖像。圖像中保存的不再是各個像素的彩色信息，而是從圖像中挑選出來的具有代表性的顏色編號，每一編號對應一種顏色，圖像的數據量也因此減少，這對彩色圖像的傳播非常有利。

更優化的網路傳輸顯示PNG圖像在瀏覽器上採用流式瀏覽，即使經過交錯處理的圖像會在完全下載之前提供瀏覽者一個基本的圖像內容，然後再逐漸清晰起來。它允許連續讀出和寫入圖像數據，這個特性很適合於在通信過程中顯示和生成圖像。

支持透明效果PNG可以為原圖像定義256個透明層次，使得彩色圖像的邊緣能與任何背景平滑地融合，從而徹底地消除鋸齒邊緣。這種功能是GIF和JPEG沒有的。

PNG同時還支持真彩和灰度級圖像的Alpha通道透明度。最高支持24位真彩色圖像以及8位灰度圖像。支持Alpha通道的透明/半透明特性。支持圖像亮度的Gamma校準信息。支持存儲附加文本信息，以保留圖像名稱、作者、版權、創作時間、注釋等信息。

與JPEG相比

JPEG可以對照片（或類似）圖像生成更小的文件，這是由於JPEG採用了一種針對照片圖像的特定有損編碼方法，這種編碼適用於低對比，圖像顏色過渡平滑，雜訊多，且結構不規則的情況下。如果在這種情況下用PNG代替JPEG，文件尺寸增大很多，而圖像質量的提高有限。

相應的，如果保存文本，線條或類似的邊緣清晰，有大塊相同顏色區域的圖像，PNG格式的壓縮效果就要比JPEG好很多，並且不會出現JPEG那樣的高對比度區域的圖像有損。如果圖像既有清晰邊緣，又有照片圖像的特點，就需要在這兩種格式之間權衡一下了。JPEG不支持透明度。

由於JPEG是有損壓縮，會產生迭代有損，在重復壓縮和解碼的過程中會不斷丟失信息使圖像質量下降。由於PNG是無損的，保存將要被編輯的圖像來說更加合適。

雖然PNG壓縮照片圖像也有效，但有專門針對照片圖像設計的無損壓縮格式，比如無損JPEG2000，Adobe DNG（頁面存檔備份，存於互聯網檔案館）等。

總的來說這些格式都不能做到適用所有圖像。對於將要發布的圖像可以保存成JPEG，用JPEG編碼一次不會造成明顯的圖像有損。

以上內容參考網路-PNG

⑹ 如何：編碼和解碼 PNG 圖像

' Open a Stream and decode a PNG image Dim imageStreamSource As New FileStream("smiley.png", FileMode.Open, FileAccess.Read, FileShare.Read) Dim decoder As New PngBitmapDecoder(imageStreamSource, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default) Dim bitmapSource As BitmapSource = decoder.Frames(0) ' Draw the Image Dim myImage As New Image() myImage.Source = bitmapSource myImage.Stretch = Stretch.None myImage.Margin = New Thickness(20) // Open a Stream and decode a PNG image Stream imageStreamSource = new FileStream("smiley.png", FileMode.Open, FileAccess.Read, FileShare.Read); PngBitmapDecoder decoder = new PngBitmapDecoder(imageStreamSource, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default); BitmapSource bitmapSource = decoder.Frames[0]; // Draw the Image Image myImage = new Image(); myImage.Source = bitmapSource; myImage.Stretch = Stretch.None; myImage.Margin = new Thickness(20); // Open a Stream and decode a PNG image Stream^ imageStreamSource = gcnew FileStream("smiley.png", FileMode::Open, FileAccess::Read, FileShare::Read); PngBitmapDecoder^ decoder = gcnew PngBitmapDecoder(imageStreamSource, BitmapCreateOptions::PreservePixelFormat, BitmapCacheOption::Default); BitmapSource^ bitmapSource = decoder->Frames[0]; // Draw the Image Image^ myImage = gcnew Image(); myImage->Source = bitmapSource; myImage->Stretch = Stretch::None; myImage->Margin = System::Windows::Thickness(20); 本示例演示如何使用 PngBitmapEncoder 將 BitmapSource 編碼為 PNG 圖像。 Dim width As Integer = 128 Dim height As Integer = 128 Dim stride As Integer = width Dim pixels(height * stride) As Byte ' Define the image palette Dim myPalette As BitmapPalette = BitmapPalettes.Halftone256 ' Creates a new empty image with the pre-defined palette Dim image As BitmapSource = System.Windows.Media.Imaging.BitmapSource.Create( _ width, height, 96, 96, PixelFormats.Indexed8, myPalette, pixels, stride) Dim stream As New FileStream("new.png", FileMode.Create) Dim encoder As New PngBitmapEncoder() Dim myTextBlock As New TextBlock() myTextBlock.Text = "Codec Author is: " + encoder.CodecInfo.Author.ToString() encoder.Interlace = PngInterlaceOption.On encoder.Frames.Add(BitmapFrame.Create(image)) encoder.Save(stream) int width = 128; int height = 128; int stride = width; byte[] pixels = new byte[height * stride]; // Define the image palette BitmapPalette myPalette = BitmapPalettes.Halftone256; // Creates a new empty image with the pre-defined palette BitmapSource image = BitmapSource.Create( width, height, 96, 96, PixelFormats.Indexed8, myPalette, pixels, stride); FileStream stream = new FileStream("new.png", FileMode.Create); PngBitmapEncoder encoder = new PngBitmapEncoder(); TextBlock myTextBlock = new TextBlock(); myTextBlock.Text = "Codec Author is: " + encoder.CodecInfo.Author.ToString(); encoder.Interlace = PngInterlaceOption.On; encoder.Frames.Add(BitmapFrame.Create(image)); encoder.Save(stream); int width = 128; int height = 128; int stride = width; array<System::Byte>^ pixels = gcnew array<System::Byte>(height * stride); // Define the image palette BitmapPalette^ myPalette = BitmapPalettes::Halftone256; // Creates a new empty image with the pre-defined palette BitmapSource^ image = BitmapSource::Create(width, height, 96, 96, PixelFormats::Indexed8, myPalette, pixels, stride); FileStream^ stream = gcnew FileStream("new.png", FileMode::Create); PngBitmapEncoder^ encoder = gcnew PngBitmapEncoder(); TextBlock^ myTextBlock = gcnew TextBlock(); myTextBlock->Text = "Codec Author is: " + encoder->CodecInfo->Author->ToString(); encoder->Interlace = PngInterlaceOption::On; encoder->Frames->Add(BitmapFrame::Create(image)); encoder->Save(stream);

⑺ 一步一步解碼 PNG 圖片

解碼 PNG 圖片就是把一張圖片從二進制數據轉成包含像素數據的 ImageData 。

圖片的二進制數據可以從 <canvas> ， <img> ，Object URLs，Image URLs， Blob 對象上獲取到。參見 瀏覽器圖像轉換手冊 。

ImageData 是一個包括了像素數據、圖片寬高數據的對象。

👆 這是一張我們接下去要解碼的圖片，但它太小了，放大了展示給大家看下。👇

我們先從瀏覽器的 <input> 標簽上讀取到 Blob 對象，然後拿到這張圖片的二進制數據。

得到的 arrayBuffer 如下：

<style>
table {
font-size: 12px;
}
table tbody tr td {
padding: .6rem .4rem;
}
</style>

每個表格的單元格內有 4 位元組數據，每個位元組由 8 位組成，1 位代表的是 0 或者 1 的一個數字。

一張 PNG 圖片二進制數據的開頭必須是這 8 位元組： 0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a 。

0x 代表這個數字是 16 進製表示的， 0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a 轉換為 10 進制是 137, 80, 78, 71, 13, 10, 26, 10 。

這張圖片的前 8 個位元組滿足簽名的要求。

數據塊包含了圖片所有的數據，一個數據塊可以分為數據塊的開始信息、數據塊的數據信息和數據塊的結束信息。

一個數據塊的開始信息包含 2 個 32 位的數字，換算成位元組的話，就是 8 個位元組。前 4 個位元組會被合並成一個 32 位的數字，表示數據信息的長度，後面 4 個位元組可以被轉換成文本，表示數據塊的類型。

我們從第 8 個位元組開始解析數據塊的開始信息。

這個數據塊是 IHDR 類型，有 13 位元組的數據信息。

IHDR 裡面的數據信息如下：

從上面的信息看出，這是一張 2 * 2 像素的圖片，使用色板作為顏色類型，每個像素由 1 個色彩通道組成，每個色彩通道由 2 位組成。像素數據沒有交錯，經過 0 的過濾函數類型後，經過 deflate 壓縮，

結束信息包括了 4 位元組的 CRC32 校驗和。解碼器應該根據數據塊類型和數據塊的數據信息計算 CRC32 校驗和，並與結束信息中的校驗和比對。如果相等，則認為圖片數據被正確傳輸。

這個數據塊是 sRGB 信息，長度是 1 位元組。

這個數據塊類型是小寫字母開頭的，這表示這個數據塊是輔助數據塊，大寫字母開頭的數據塊類型表示關鍵數據塊。

sRGB 表示圖片使用的色彩空間。

需要比對 CRC32。

9 個位元組的 pHYs 輔助數據信息。

pHYs 數據塊代表圖片的物理世界大小，從上面的數據可以看出，這張圖在現實世界中應該被渲染成每米 2835 像素，寬高一樣。

比對 CRC32。

12 位元組 PLTE 色板數據，是關鍵數據塊。

色板中包含的數據是 RGB 數據，以 R, G, B 的形式保存，這里一共 12 位元組，表示了 4 個色塊。得到的色板信息如下：

[[255, 0, 0], [0, 255, 0], [0, 0, 255], [255, 255, 255]]

比對 CRC32。

4 位元組 tRNS 透明度數據，是輔助數據塊。

這個數據塊為色板提供透明信息，每個位元組表示一個色塊的透明信息。與色板組合後的色板如下：

[[255, 0, 0, 255], [0, 255, 0, 255], [0, 0, 255, 255], [255, 255, 255, 127]]

比對 CRC32。

12 位元組 IDAT 像素數據，是關鍵數據塊。

在解析像素數據前，我們先要了解下像素數據是如何編碼的。每行像素都會先經過過濾函數處理，每行像素的過濾函數可以不同。然後所有行的像素數據會經過 deflate 壓縮演算法研所。所以，我們需要對這里的像素數據先解壓，這里我們直接使用了 zlib.inflate() 函數。在瀏覽器上，可以使用 pako 工具包。

解壓出來的像素數據是 Uint8Array： 0, 16, 0, 176 。

接下去我們需要仔細了解每行像素是如何編碼，才能把上面的數據還原成像素點。

一根掃描線包含圖片一行像素的數據。我們知道這張圖片的高度是 2，也就是像素數據中有 2 行掃描線。

一根掃描線由 1 位元組的過濾函數標記和像素信息組成。像素信息一個接一個地排列，中間沒有多餘的空位。如果掃描線長度不足以填滿位元組的位數，最後幾位會被補齊。一根掃描線的結構如下：

所以我們先要知道每個像素的位數才能解碼掃描線。

這張圖片的色彩類型是 3 ，所以每個像素包含 1 個色彩通道。又因為圖片的通道深度是 2 ，所以我們知道每個像素是用 2 位來表示的。

所以我們可以解碼掃描線了。

在掃描線被壓縮前，每根掃描線都會被單獨的過濾函數處理，以使後面的壓縮效果更好。

在過濾函數類型 0 中，有 5 種過濾函數：

過濾函數用 A、B、C 三點的數值來計算當前點 X。

這張圖片裡面的過濾函數 0 表示這張圖數據未經過濾。所以我們只要保留原始數據就行了。

這里每個像素中的數據表示了這個像素的顏色在色板中的索引。根據色板，我們可以還原出圖片的像素信息： [[255, 0, 0, 255], [0, 255, 0, 255], [0, 0, 255, 255], [255, 255, 255, 127]] 。

比對 CRC32。

0 位元組 IEND 圖片結束數據塊，是關鍵數據塊。

無。

比對 CRC32。

整張圖片解碼完成，最終的 ImageData 對象是:

我們成功解碼了一張簡單的 PNG 圖片，但其中，我簡化了很多細節：

你可以在 GitHub 看到實現了以上功能的源碼。

⑻ 照片格式png 是什麼意思

png：攜帶型網路圖形是一種無損壓縮的點陣圖片形格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG使用從LZ77派生的無損數據壓縮演算法，一般應用於JAVA程序、網頁或S60程序中，原因是它壓縮比高，生成文件體積小。

在PNG傳播過程中，很多網路瀏覽器經過很長時間才開始完全支持PNG格式，如Microsoft Windows默認的Internet Explorer瀏覽器一直到7.0版才支持PNG格式中的半透明效果，較早期的版本（如6.0 SP1）需要下載Hotfix 或由網站提供額外的Script去支持，這造成PNG格式並沒有得到廣泛的認知。

(8)png解碼演算法擴展閱讀：

1995年早期，Unisys公司根據它在GIF格式中使用的LZW數據壓縮演算法的軟體專利開始商業收費，為避免專利影響，用於表現單張圖像的PNG、用於表現動畫的MNG圖形文件格式被同時創建出來。1999年8月，Unisys公司進一步中止了對自由軟體和非商用軟體開發者的GIF專利免費許可，從而使PNG格式獲得了更多的關注。

1996年6月提出PNF（Portable Network Frame）草案，當年8月改名為MNG（Multiple-image Network Graphics）。

⑼ png是什麼格式

png是一種採用無損壓縮演算法的點陣圖格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG使用從LZ77派生的無損數據壓縮演算法，一般應用於JAVA程序、網頁或S60程序中，原因是它壓縮比高，生成文件體積小。

發展：

PNG現行版本是國際標准（ISO/IEC 15948:2003），並在2003年11月10日作為W3C建議發布。這個版本與1.2版僅有細微差別。

2004年末，PNG的動畫擴展——APNG，被提出來。這是一個相對於MNG更簡單的動畫實現方案，不識別APNG格式的PNG解碼器至少能夠正常回放第一幅普通PNG畫面。