在Safari Mac技术预览版中展示了这个很酷的新功能的主要优势
大多数人没有意识到,在自己喜欢的网站中以动画GIF的形式嵌入短动画会带来巨大的性能、电池、文件大小和带宽损失。动画gif对网络性能非常不利:其文件大小通常比H.264视频大12倍,但在浏览器中加载和显示的能量却是其两倍。而且,因为256色的调色盘只有微不足道的一个,所以它们的色彩范围有限,整体看起来也不是很好看。
这是因为,根据最初GIF89a规范的措辞,GIF(图形交换格式的首字母缩略词)是“不打算用作动画平台的”,即使它可以以有限的方式完成。
幸运的是,苹果的Safari浏览器似乎能够帮助结束使用GIF作为微格式视频、模因和可爱动画的网络默认格式的做法。
这是因为Safari技术预览版(Safari特别版的Safari,开发者可以在macOS和iOS中测试即将推出的Web技术。它的最新更新允许网络开发者将MP4和其他真实视频格式嵌入到HTML“img”标签中。
科林本德尔现在(通过《大胆的火球》的约翰格鲁伯)在为Mac开发的Safari技术预览版中展示了这一酷炫新功能的关键优势:在“img”标签中嵌入真实的. mp4视频文件使渲染速度快了20倍,快了7倍。与其GIF相比,除了文件大小的四分之一。
图a:科林的原创文章(其中嵌入了一些GIF动画用于说明目的)在Chrome上是46 MB。在Safari技术预览中,同一网页只有2 MB,其GIF转换为MP4,与“img”标签一起使用。
“现在,我们的微型视频可以小而有效(如MP4),并且可以轻松预装、自动播放和共享(如我们的老朋友GIF),”Colin总结得很好。
这种方法的其他优势包括能够轻松保存或共享此类动画,以及能够使用HEIC(H.265编解码器)以4K格式创建节省空间的动画。
下表包含说明节省字节大小的视频格式的表格,科林只需对giphy.com排名前100的GIF动画文件进行转码,并将其转换为H.264、H.265、VP8、VP8和WebP即可成功实现。
这种方法并非没有潜在的缺陷,因为目前将MP4动画打包在“img”标签中通常会带来一系列复杂的问题,这需要开发人员进行大量的手工工作来保证未来的兼容性。
也就是说,如果你想自己测试这个新功能,你必须从苹果下载Safari技术预览版。Safari技术预览版可以与电脑上已经安装的safari商业版共存。