相關文章

為什麼你的 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 面板會動?

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

為什麼你的 Firefox 面板會動?

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

為什麼你的 Firefox 面板會動?

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

為什麼你的 Firefox 面板會動?

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

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

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

使用 Facebook 留言

4aea14032c9313b870b71e0c25285e7a?size=48&default=wavatar
3人給推

3.  Shinwill (發表於 2011年1月17日 17:43)
你騙他說這篇要講 Firefox 的面板及佈景主題的相關技巧,結果後面卻一直在講 APNG 這種他不想去碰的東西,他就覺得受騙了,不過我覺得還好啦,不同人不同心態罷了
Azurekite17
5.  Azurekite17 (發表於 2011年1月17日 19:20)
跟小編一樣發現動畫版的,不過沒研究原理!原來是APNG !

最近是用卡卡西的<( ̄︶ ̄)>
E4b2adbc8d02e2b7ef8c31b70c2db1d7?size=48&default=wavatar
1人給推

8.  toppy368 (發表於 2011年1月17日 20:47)
Personas面板系統我記得已經運作很久了,3.6之前就可以設定firefox的面板主題,只是3.6版本升級之後,Mozilla官方為了宣傳這功能,所以在3.6版之後的版本更新時會自動跳出這網頁讓使用者可以選擇網友所製作的瀏覽器背景主題

不過APNG是我第一次聽到的格式,但沒看第二頁應該就可以猜得出來這是PNG的加強版,GIF支援動畫及半透明背景但限定256色、PNG支援較多顏色且有半透明背景,但不支援動畫

我覺得如果隨者firefox推廣這種格式,且繪圖軟體可以開始編輯這種圖片檔,也許以後這種格式可以取代PNG及GIF,如果可以結合跟網頁相關的程式技術,或許可以製成互動的遊戲也說不定
文森特
9.  文森特 (發表於 2011年1月17日 22:53)
用 Personas 很久了
都不知道它還會動 囧rz
來找一個會動的裝看看 (≧▽≦)
7d5da9ff970934db749433cec0ec494b?size=48&default=wavatar
1人給推

10.  persona (發表於 2011年1月17日 23:37)
官網應該把會動的佈景主題做個列表的,這樣要選用時才會方便。
黑眼bobo
11.  黑眼bobo (發表於 2011年1月18日 10:11)
※ 引述《persona》的留言:
> 官網應該把會動的佈景主題做個列表的,這樣要選用時才會方便。

目前找不到這樣的列表,搜尋APNG或animated會有相似的效果,不過找到的項目偏少就是

發表回應

謹慎發言,尊重彼此。按此展開留言規則