帮助:动图
萌娘百科支持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].