為什麼你的 Firefox 面板會動？

APNG的發展瓶頸

既然APNG這麼棒，以後大家都改用APNG取代GIF不就好了？可惜APNG目前的應用並不普及，甚至有點到了冷門的地步。支援APNG的瀏覽器只有Firefox和Opera，其他瀏覽器看起來都沒有想支援的打算，另外Firefox操作介面上的小動畫，例如網頁載入時分頁標籤上的甜甜圈也是APNG，這是因為最早APNG就是為了儲存瀏覽器介面上的動畫，而被Mozilla所創造出來的。

APNG的另一個問題，就是缺乏主流的繪圖軟體支援，教學資源也十分匱乏，小編試用了其中還算可以搬上檯面的GIMP外掛，弄了半天也搞不懂它的製作流程是什麼，而且目前的製作工具不像GIF、Flash，有針對動畫設計的視覺化編輯功能，而是得「一格一格」的自己土法煉鋼。

如果你剛剛已經套用一些動態面板的話，Firefox設定檔裡頭就會底圖快取下來，設定檔的位置是在「%appdata%\Mozilla\Firefox\Profiles」底下，裡頭有個「XXX.default」的資料夾便是，裡面會有兩個「lightweighttheme-」為首而命名的檔案，就是現成的APNG練習題了。

▲在Firefox設定檔目錄找到「lightweighttheme-header」、「lightweighttheme-footer」兩個檔案。

▲複製出來並且加上副檔名「PNG」，就可以看到APNG的真面目。

▲GIMP並不是裝好外掛就可以直接偵測出APNG，要手動選取檔案格式才行。

▲用APNG格式打開後，會發現一共是有四個畫格的連環圖。

由於APNG檔的第一個畫格會被儲存為一般的PNG檔串流，所以當你用不支援APNG的影像打開，便出現不會動的一般PNG檔了。這個「向下相容」的特性似乎是它的優點，但是應用軟體並沒有辦法簡單判別圖檔是一般PNG或動態APNG，它們的副檔名都是PNG，這也造成APNG發展的限制。

撇開APNG不夠普及和難以製作的問題，動態的Firefox面板還是相當好玩的，也許之後會有人研發更好的動畫格式和編輯工具，不過這些就留給程式人員去傷腦筋吧。

• 延伸閱讀：
• 維基百科的APNG條目：https://en.wikipedia.org/wiki/APNG
• GIMP繪圖軟體：https://www.gimp.org/
• GIMP APNG外掛：https://registry.gimp.org/node/24394
• Firefox的APNG編輯外掛之一：https://addons.mozilla.org/en-US/firefox/addon/apng-edit/
• Firefox的APNG編輯外掛之二：
• https://addons.mozilla.org/en-US/firefox/addon/animat/