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

2021-03-21 22:47    187人浏览        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的「图床」:

  • http://pomf.se/ (限制50MB)
  • http://gfycat.com/ (文件大小不限,但限15秒)

影片转Web方式:

  • Potplay录制影片支持WebM格式
  • http://video.online-convert.com/convert-to-webm (线上转换)
  • http://gfycat.com/ (线上转换 GIF->WebM)
  • https://github.com/Wsheerio/webmConverter (免费转换软件)

via:nogameno

标签:WebMIE Web

相关资讯

留言评论

评论已关闭。

ie浏览器下载