為什麼你的 Firefox 面板會動？

比GIF更漂亮的APNG

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

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

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

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

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