注意:這篇文流量極大,手機版的巴友可能要留意一下
![]()
如果有試過自己弄gif圖檔的話,應該都知道gif只支援256種顏色,所以圖片會有非常多的雜訊,色彩也比較單調,畫質完全稱不上是高清。像是下面這幾張圖一樣:
現在我再貼另兩張動圖
雖然是卡通圖,圖片複雜程度比較低,但這時你就可以看得出,它一點雜訊都沒,畫質十分高清!
這是因為這幅動圖用的格式是APNG(animated-png)而不是GIF,簡單來說就是直接把png檔這種U質又高清的圖片格式無損地拿來做動圖,所以可以做到突破256種顏色的效果。
拿同一張圖來比較的話,效果會是這樣↓
![]()
(
←gif)
![]()
(
←apng)
因為APNG是無壓縮的圖檔,所以再誇張一點,你把1080p的影片直接壓成動圖也不是問題(但圖檔大小會大到爆炸xd)
↓例子(一開始會瘋狂抽搐,但你等一會後就能看到它動了,整個動圖時長5秒,裝置不給力的話要等久一點才讀得完)
現在你認識了APNG了,但你可能會問為甚麼這麼棒的圖檔,為甚麼會一直以來都沒甚麼人用呢?
最主要的原因有兩個:
第一,圖檔太大,很吃資源。畫面單調的情況下,其實APNG跟GIF的大小是差不多的,但以上面的彩虹環這樣色彩豐富的圖來說,它的APNG的檔案大小就比GIF大了差不多5倍。更不用說上面那張MMD的圖了,容量有147MB這麼大
![]()
第二,是瀏覽器不支援,APNG是Mozilla的設計師設計出來的,所以只有用firefox瀏覽器能支援APNG並能看到它在動。。。。。。
你是不是想說你現在正在用google chrome或是手機app都能看到上面的動圖?
沒錯,這就是為甚麼我現在會發這篇推廣文的原因!
因為Google chrome 從今年6月時也開始支援APNG了![]()
APNG最為人詬病的就是瀏覽器不支援,現在這問題解決了,我相信以後就能看到更多高清的動圖了。雖然圖檔過大的問題還在,但我相信以後的瀏覽器和裝置都會針對這方面進行優化的
![]()
最後是應用相關的一點資料:
- 要貼動圖上來場外,圖床是必須的。如果你是貼正常大小的APNG(像是上面的小馬和彩虹環)用回大家慣用的Imgur就行了。但如果是要貼上面那張大到不行的APNG的話,就只能用Flickr了,不過聽說Flickr很愛亂刪圖,所以能選的話還是選用Imgur比較優。
大家也一起開始嘗試轉用APNG吧![]()
創作內容
【APNG】【場外小教室】︰你知道除了GIF之外,還有另一種動圖格式可以用嗎?
(←gif)
(←apng)
動畫相關考察 (4)