LV. 17
GP 2k

【APNG】【場外小教室】︰你知道除了GIF之外,還有另一種動圖格式可以用嗎?

樓主 粉君.アンタクティカ seanlau708
315 -

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

注意:這篇文流量極大,手機版的巴友可能要留意一下


如果有試過自己弄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的話,可以用"APNG Anime Maker"這個軟體,這個網址裏有詳細的教學:https://goo.gl/QDKeQ4

  • 要貼動圖上來場外,圖床是必須的。如果你是貼正常大小的APNG(像是上面的小馬和彩虹環)用回大家慣用的Imgur就行了。但如果是要貼上面那張大到不行的APNG的話,就只能用Flickr了,不過聽說Flickr很愛亂刪圖,所以能選的話還是選用Imgur比較優。


大家也一起開始嘗試轉用APNG吧




315
-
未登入的勇者,要加入討論嗎?
板務人員:

7567 筆精華,昨天 更新
一個月內新增 16
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】