PNG圖片也能動起來

馨居士

說起動畫圖片，一定會想到只能展現出256色的GIF或曾一度廣受追捧的Flash文件，而對于PNG這樣的圖片，一般不會將它與動畫掛起鉤來。但實際上，在以PNG為擴展名的圖片文件中，還包含著一種能動的PNG圖片，這就是APNG（Animated Portable Network Graphics的簡稱）。作為PNG的動畫擴展，其優勢在于圖像不失真、無毛邊無鋸齒，現廣泛應在網絡播放中。

如何制作APNG動畫

可以制作PNG動畫的軟件很多，這里以一款免費的“PNG圖片編譯器”為例為大家講解吧。這款軟件通過對離散的PNG文件進行匯編，產生一個動畫PNG文件。

制作之前，我們可用傳統圖片制作軟件如Photoshop，設計出所需的PNG系列幀文件，甚至可以將數碼照片或截圖轉換成為PNG圖片，然后用APNG編譯器進行匯編，產生最終的PNG動畫。除了支持PNG圖片外，該軟件還支持將TGA格式的圖片導入到列表中，作為原始的素材文件。

至于制作方法，啟動動畫PNG文件編譯器，點擊“添加幀”按鈕，將PNG文件添加到文件列表（圖1）。列表中的每一幀圖片均可通過右側窗口進行預覽，不合適的幀可點擊“刪除幀”按鈕刪除，同時可用“上移”或“下移”按鈕調整順序；對所選幀或全部幀的延時時間進行靈活設置；命名生成的動畫文件名，擴展名采用默認的PNG格式。接下來，在右側窗格中設置好壓縮方式、調色板和顏色的優化選項、循環播放選項等。最后點擊“開始編碼”按鈕，生成PNG動畫文件（圖2）。

怎么播放APNG

如果一個看圖軟件的解碼器不識別APNG格式，那么至少能夠正常回放動畫PNG文件的第1幅普通畫面。因此你會認為這是一張靜態PNG圖片，但其實它是動畫。在PC端，Windows本身不支持APNG的播放，但可以通過Firefox（火狐）瀏覽器解決。網頁中內嵌了APNG格式的PNG文件或將圖片拖動到火狐瀏覽器中，該瀏覽器可自動播放APNG動畫（圖3）。若使用Chrome瀏覽器，下載安裝APNG插件進行播放即可。

而移動端呢，Android平臺首選Firefox瀏覽器播放APNG。蘋果設備在iOS 8之前只有用Firefox這款主流瀏覽器來支持該格式，而當系統升級到iOS 8之后，Safari開始了對APNG的支持。