幫助:動圖
萌娘百科支援GIF、APNG、Webp、SVG等動圖格式。
GIF
GIF是目前網際網路上最古老的動圖格式之一,發表於1987年6月15日,已有37年歷史。[1][2][3][4]儘管某些與之同時代的圖片格式(比如PCX)都已經成為歷史,但它仍然是目前整個網際網路最流行的圖片格式之一。由於年代久遠,其相容性非常良好,但也因為其過於老舊,所以它只支援256色的動圖。[5]
優點 | 缺點 |
---|---|
|
|
APNG
APNG是一種動態的PNG圖片格式,由Mozilla基金會的兩位工程師Vukicevic和 Stuart Parmenter在2004年提出。意在擴充PNG圖片的機能。而當時,PNG的動畫版本MNG已經存在了,但由於其體積龐大不為用戶所接受。為此,Mozilla的工程師們改變了APNG的壓縮演算法,使之在保留真彩的基礎上能做到體積小巧。初代的APNG格式於2008年5月21日發布。[6] 一開始,APNG只相容Mozilla基金會旗下的瀏覽器,Google Chrome瀏覽器於2017年宣布了對APNG圖片格式的支援。[7]並在後來的版本中完全支援APNG。
APNG會通過演算法計算影格之間的差異,只儲存影格之前的差異,而不是儲存全影格。這麼做可以極大地壓縮圖片的體積。[8]但對於較為複雜的動畫截圖,APNG的壓縮效果並不是非常理想。
支援APNG格式的瀏覽器包括但不限於:
優點 | 缺點 |
---|---|
|
|
WebP
WebP格式是一種圖片格式,衍生自影像編碼格式VP8,被認為是WebM多媒體格式的姐妹專案,是由Google在購買On2 Technologies後發展出來。[12] 與APNG一樣,WebP支援動圖。並且體積非常小(在無失真前提下可以達到Jpeg的50%)。但編碼速度較慢。[13]
截止MediaWiki 1.31.1 版本(2019年2月17日),MediaWiki程式只能支援靜態的WebP圖片。要插入動態WebP圖片,需要使用{{image}}模板。比如:
{{image|显示类型=inline-block|图片=3-Color Animated Gears.webp|宽=330|高=300|种类=box|描述=三色齒輪動畫,用於演示WebP的支援狀況。|link=:File:3-Color Animated Gears.webp}}
得到:
優點 | 缺點 |
---|---|
|
|
SVG
與前面三種點陣圖格式不同。SVG是向量圖格式的一種,支援動畫。[14]但製作較為複雜,不能像點陣圖的動圖那樣一影格一影格地疊加。並且由於其使用Javascript指令碼製作,所以在縮圖狀態下(格式為.png)無法正常顯示。
優點 | 缺點 |
---|---|
|
|
|
參考資料
- ↑ Tom Merritt. Chronology of Tech History. Lulu.com. 2012: 119 [參照時間: 2019-04-15]. ISBN 978-1-300-25307-5.
- ↑ Rocci, Luppicini. The Changing Scope of Technoethics in Contemporary Society. IGI Global. 2018-04-13: 292 [參照時間: 2019-04-15]. ISBN 978-1-522-55095-2.
- ↑ Salvador Rodriguez. GIF's 25th birthday: Is it pronounced 'gif' or 'jif'? [Poll]. Los Angels Times. 2012-06-15 [參照時間: 2019-04-15].
- ↑ Aja Romano. The GIF is 30 years old. It didn't just shape the internet — it grew up with the internet.. Vox. 2017-06-15 [參照時間: 2018-06-27].
- ↑ Rick Matthews. Choosing between JPG, GIF, and PNG for web images. users.wfu.edu. [參照時間: 2018-06-27].
- ↑ Andrew Smith. APNG Implementation. littlesvr. [參照時間: 2018-06-27].
- ↑ COSTEA LESTOC. Google Chrome will support animated PNGs without extensions. WindowsReport. 2017-04-30 [參照時間: 2018-06-27].
- ↑ TH. APNG那些事. 凹凸實驗室. 2016-11-07 [參照時間: 2018-06-27].
- ↑ 9.0 9.1 Bramus!. Opera 46 and Chrome 59 now support APNG (Animated PNG). Bram.us. 2017-06-22 [參照時間: 2019-11-20].
- ↑ Radu Tyrsina. Google Chrome will support animated PNGs without extensions. Windows Report. 2017-04-30 [參照時間: 2019-11-20].
Last week Google has launched Chrome 58 which is the latest stable version of the popular web browser. Version 59 is currently in the Dev Channel and it seems that Google has finally confirmed that it’s going to include fully native support for animated PNG files.
- ↑ Firefox 3 Animated PNG support. MDN. [參照時間: 2019-11-20].
- ↑ Compression Techniques. developers.google.com. [參照時間: 2018-06-27].
- ↑ WEN. 探究WebP一些事兒. 凹凸實驗室. 2016-06-23 [參照時間: 2018-06-27].
- ↑ Animation. W3.org. 2011-08-16 [參照時間: 2018-06-27].