幫助:動圖
萌娘百科支持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].