置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。
本頁使用了標題或全文手工轉換

幫助:動圖

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Commons-emblem-notice.svg
這個頁面「Help:動圖」是萌娘百科的說明文件
  • 本文用於介紹萌娘百科中一些特定功能的操作方法;
  • 本文僅是一篇論述,不屬於方針或指引。如果本指南與相關方針或指引發生衝突或存在不一致的情況,請以方針或指引的條文為準。

萌娘百科支援GIF、APNG、Webp、SVG等動圖格式。

GIF

一幅GIF動畫。

GIF是目前互聯網上最古老的動圖格式之一,發表於1987年6月15日,已有37年歷史。[1][2][3][4]儘管某些與之同時代的圖片格式(比如PCX)都已經成為歷史,但它仍然是目前整個互聯網最流行的圖片格式之一。由於年代久遠,其相容性非常良好,但也因為其過於老舊,所以它只支援256色的動圖。[5]

優點 缺點
  • 相容性好,支援幾乎所有平台。
  • 與之相關的編輯軟件較豐富
  • 只支援8位元(256)色圖片。
  • 對於多影格的,複雜圖片壓縮率不理想。

APNG

一個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格式的瀏覽器包括但不限於:

優點 缺點
  • MediaWiki內核的萌娘百科相容。
  • 支援24位元全彩動圖。
  • 與之相關的編輯軟件較豐富。
  • 對於高解像度的,內容複雜的動畫截圖壓縮率不理想。
  • 不是所有瀏覽器(比如舊版Edge)都支援。

WebP

參見:Template:image

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}}

得到:

File:3-Color Animated Gears.webp
三色齒輪動畫,用於演示WebP的支援狀況。
優點 缺點
  • 支援24位元全彩動圖。
  • 動圖壓縮率較高。
  • WebP動圖與MediaWiki內核的百科全書相容性不佳,無法被當作圖片識別。
  • 與很多手機瀏覽器相容性亦不佳。
  • 支援該格式的編輯器亦不多。

SVG

參見:矢量圖§標準

與前面三種點陣圖格式不同。SVG是矢量圖格式的一種,支援動畫。[14]但製作較為複雜,不能像點陣圖的動圖那樣一影格一影格地疊加。並且由於其使用Javascript指令碼製作,所以在縮圖狀態下(格式為.png)無法正常顯示。

優點 缺點
  • 支援24位元全彩動圖。
  • 矢量圖格式,可以無限放大
  • 支援Javascript指令碼,可以生成互動界面。
  • 圖片會被MediaWiki內核的百科全書轉換為PNG格式的縮圖,只能在檔案瀏覽器中觀看。
  • 一般由代碼寫成,相較於一般的圖片編輯很不直觀。
  • 無法製作動態的動畫截圖。(因動畫單影格往往是點陣圖。)

參考資料

  1. Tom Merritt. Chronology of Tech History. Lulu.com. 2012: 119 [參照時間: 2019-04-15]. ISBN 978-1-300-25307-5. 
  2. 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. 
  3. Salvador Rodriguez. GIF's 25th birthday: Is it pronounced 'gif' or 'jif'? [Poll]. Los Angels Times. 2012-06-15 [參照時間: 2019-04-15]. 
  4. 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]. 
  5. Rick Matthews. Choosing between JPG, GIF, and PNG for web images. users.wfu.edu. [參照時間: 2018-06-27]. 
  6. Andrew Smith. APNG Implementation. littlesvr. [參照時間: 2018-06-27]. 
  7. COSTEA LESTOC. Google Chrome will support animated PNGs without extensions. WindowsReport. 2017-04-30 [參照時間: 2018-06-27]. 
  8. TH. APNG那些事. 凹凸實驗室. 2016-11-07 [參照時間: 2018-06-27]. 
  9. 9.0 9.1 Bramus!. Opera 46 and Chrome 59 now support APNG (Animated PNG). Bram.us. 2017-06-22 [參照時間: 2019-11-20]. 
  10. 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. 
  11. Firefox 3 Animated PNG support. MDN. [參照時間: 2019-11-20]. 
  12. Compression Techniques. developers.google.com. [參照時間: 2018-06-27]. 
  13. WEN. 探究WebP一些事兒. 凹凸實驗室. 2016-06-23 [參照時間: 2018-06-27]. 
  14. Animation. W3.org. 2011-08-16 [參照時間: 2018-06-27].