浏览器动态图片格式之争 WebM能否取代GIF？

软件教程

ie浏览器官方下载_ie8 ie9 ie10 ie11
> 软件教程 > 正文内容

浏览器动态图片格式之争 WebM能否取代GIF？

2021-03-21 22:47 454人浏览 0 条评论

欧美知名贴图讨论版4Chan在4月6日发表开始支持WebM格式文件为其动态图片格式之一，这一举动似乎开始引起一股热潮与讨论，动态图片格式GIF终于有挑战者要出现了吗？根据维基百科，GIF格式早在1987年就被制定，它的优点是文件小、可包含多张图片而产生动画效果，但缺点是只有256种颜色，然因其动画功能，让它至今还活跃于网络上。GIF不是没有过挑战者，过去PNG也有支持动画格式的扩张格式APNG，不过并不普及，无法撼动GIF动态图片霸主的地位。 WebM是Google在2010年提倡的免费开源HTML5「影片格式」*，现在最常在Google自家Youtube HTML5版里看见他的踪迹。虽然WebM是影片，不过由于大多数浏览器有原生支持，不像flash影片还要额外载入播放器，以HTML5新增播放标签指令，使得他能像图片一样，很容易就放在网页当中。 * HTML5支持3种影片格式，分别是MP4、WebM与Ogg，MP4最为普及但没人想这样用，大概是因为MP4含有非开放的编码技术，在使上，未来可能有衍生问题与授权争议，而Ogg虽然也是开放格式，但相容浏览器比WebM少，可能这就是WebM脱颖而出的原因？

你能看见上方的图吗？没有可能表示你的浏览器并不支持WebM，请你改用Firefox、Chrome或是Opera浏览器。而有看见的朋友，上图就是把WebM当GIF用的例子，当你把自动播放打开、隐藏控制列、开启循环播放、静音(或是本来就不带声音也可)，它看起来就是GIF，只是品质更高、文件更小。(可右键暂停播放，图片取自4chan讨论串) WebM比起GIF有着以下的一些优势：

图片越大的情况下性能越划算
更先进的演算法，文件更小
全彩，不受限于256色，品质更好
由于原始用途是影片，所以可以有音效
格式更自由：解析度、画面格数自由，解析度可上4K，格数可以60fps
大文件时读取更平顺
控制自由：HTML5影片可设定不自动或自动播放，播放速度也有0.5倍、1.5倍、2倍等选择，还支持循环播放等功能。

我制作上图的GIF版来做对照(制作工具GifCam，设定33fps、Quantize输出)：
在文件大小上，WebM是565KB，GIF版则是高达1.5MB，更要注意的是，WebM版尺寸为1280 X 720，而GIF版我只压了640 X 360，GIF版画面尺寸只有1/4，但文件大小却大了3倍，更不用说GIF只有256色而造成画面的颗粒感与鲜艳度上的差异，品质与文件大小上GIF都是完败。再来说到性能，一开始我认为WebM本身是影片，其影像编码技术是较近年所开发，虽然压缩效率好，但推想其所耗费的性能应该不便宜，为了做点简单验证，我制作了另一组WebM/GIF来测试：

WebM:427 X 240 30fps 2.46MB 无声音 2000Kbps

GIF版:427 X 240 33fps 18.1MB Quantize输出

GIF由于文件太大了，会影响浏览体验并耗费许多频宽，就不直接贴图而只贴连结。而原始影片片段是1280 X 720，文件3.39MB，1800Kbps。在我AMD双核2800的老旧PC上，两者单独在浏览器中播放，CPU使用量都在10~20%间跳动，但感觉WebM可能平均高点的感觉，感觉GIF平均15%、WebM是16%这样，不过又有GIF的CPU使用量跳动较剧烈、、WebM较稳定的感觉...差距不大实在让我有点意外，不过这只是非常粗糙且不精准的简单测试。而在使用经验上，GIF在大张并且较剧烈的动态图片非常吃性能应是无误的，我的电脑在播4K的WebM还会动，但我不敢想像4K的GIF(有4K的GIF吗!?)...至于小尺寸且複杂度较低的动态图片上的性能，这部分GIF可能还是有它的优势，若WebM真有取而代之的一天，我想动态的表情符号可能会是GIF最后用途。另外已经有许多硬体厂商已经说要为WebM做硬体加速，我想未来只会WebM的耗能未来更只会更改善。 WebM支持60fps(甚至120fps)，那种流畅感可以说看过就回不去了，看看以下范例：

WiiU游戏《玛利欧赛车8》(Mario Kart 8)60fps游戏片段

WiiU游戏《魔兵惊天录2》(Bayonetta 2)60fps游戏片段

《雷曼超人：传奇》(Rayman Legends)开场画面

另外，再来个有声音的范例：

动画《乒乓》孔文革登场桥段

高级功能，如播放速度之类的可以在影片上右键自己开来玩玩看。还有一个我觉得很重要的是可以设定不自动播放，不知大家有没有过开启大量GIF图片时(很多Tumblr爱这么干)，整个网页就因为大量的读取而冻住好几秒的经验，且GIF又肥又大，读取时极度衝击性能，载入时画面一点一点地动，几乎要等完全载入完，画面才正常，是很不舒服的浏览体验。不自动播放就可以防止这种恶梦发生，而高级的HTML5语法，还可以设定滑鼠滑过影片就开始播放，或预先读取但不播放等等，弹性大许多。最后还是不免要谈到缺点，WebM目前最大缺点就是
并非每个浏览器都支持。主流5大浏览器中，IE与Safari就没有支持，虽说IE9可通过安装Google为提供的组件来取得支持，但我个人装过后，虽然可以看IE自己的提供测试页还有Youtube的WebM影片，然而看不了4chan，还有我自己在这部落格上贴的WebM影片(在《乒乓》观后感一文中)，感觉支持还是有问题，更不用说IE9不支持XP，所以XP的IE用户无法享受此格式带来的好处。网络内容管理者与提供者，包括像我这样写部落格的人，使用WebM也要考虑到势必有部分用户看不见内容的问题，4Chan提到过他们86%的造访者使用的浏览器支持WebM，换句话说，即是有14%并不支持，这也是个满可观的数字，而本部落格也会有大约10%的造访者会看不见WebM，虽然WebM有着种种好处，但就本站而言，短时间还不会把WebM当成常用媒体格式。 WebM未来是否能有更进一步的普及呢？就目前看来，4Chan这一决定看似有推动使用WebM的潮流，另外一个我常造访的欧美最大型的游戏论坛NeoGAF，就是因此而有人开始推动把WebM；而reddit近日也逐渐看到有人在放WebM的连结(甚至出现专门子区)。不过这一潮流是否会进一步扩大还是只限在一些「网络核心使用者」圈内短暂的风潮还需后续观察，但我得说我乐见此一发展，赶紧来个人来取代GIF吧。倘若WebM未来真是因为取代GIF而大为普及，我想Google大概是最惊讶的人，毕竟他们还有提出过衍生自WebM的图片格式WebP(虽然被人吐槽比JPG还差)。而这个WebM要是大为流通，恐怕IE市占率可能又要加速下滑了? 参考来源：NeoGAF、维基百科、英语版维基百科 4Chan目前的WebM限制： 3MB、无声音、最长120秒、尺寸最大 2048 X 2048 目前支持WebM的「图床」：