相關文章

為什麼你的 Firefox 面板會動?

比GIF更漂亮的APNG

為什麼會有動態面板呢,這是因為Firefox面板支援APNG這個進階的動畫格式。APNG主要是為了取代陽春的GIF發展出來的,如果有玩過GIF動畫的人,應該知道GIF只有256色,雖然可以支援透明背景,但是透明度只有透明、不透明兩種變化。簡單的說,就是套用在複雜背景的時候效果會很粗糙,文字說起來複雜,看看底下Mozilla所製作的示範網頁應該會更清楚:

為什麼你的 Firefox 面板會動?

示範網頁會先以一張小圖來測試你的瀏覽器能不能支援APNG。

為什麼你的 Firefox 面板會動?

▲網頁中間有一段GIF(第一排)和APNG(第二、三排)的對比。

剛剛提到了GIF的限制,再來比對一下APNG的優點,基本上可以把APNG視為PNG的動態版,所以它支援24位元的影像與8位元的透明度,也就是顏色更豐富,透明度變化更多,可以呈現半透明或漸層的邊緣效果。

從示範網頁來看,第一排的GIF在有色背景下,恐龍邊緣會出現不該出現的鋸齒狀邊線,另外恐龍本身的顏色也有一些斑點狀、不連續的色塊。至於APNG的版本除了恐龍的「皮膚」質感更滑嫩,邊緣還有一小圈光暈的效果。

使用 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會有相似的效果,不過找到的項目偏少就是

發表回應

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