Colin Bendell 在这篇关于网络上动画图像演变的优秀文章中,写到了 Safari 技术预览版 的一个全新且非常奇怪的补充。他解释了我们现在如何能够将 MP4 文件直接添加到 img
标签的源代码中。这将看起来像这样
<img src="video.mp4"/>
这个想法是,这段代码将渲染一个包含循环视频的图像。正如 Colin 所描述的,这提供了许多性能优势
动画 GIF 是一种变通方案。 […] 但它们已成为电影图、表情包和创意表达的强大工具。然而,所有这些优点都伴随着代价。动画 GIF 对网络性能非常不利。它们的尺寸 **非常大**,会影响手机流量,需要更多的 CPU 和内存,导致重绘,并且会耗电。通常,GIF 文件的大小是 H.264 视频的 12 倍,加载和在浏览器中显示所需的能量是其 2 倍。而我们花费了所有这些资源在一些看起来并不好的东西上——GIF 的 256 色限制经常使 GIF 文件看起来很糟糕……
通过在 img 标签中启用视频内容,Safari 技术预览版为实现出色的类似 GIF 的体验铺平了道路,而无需承担与 GIF 文件相关的糟糕性能和质量成本。此功能对用户、开发人员、设计师和网络来说都将是极好的。除了此更改带来的巨大性能提升外,它还开启了许多媒体和电子商务企业多年来一直渴望实施的全新用例。希望其他浏览器也能尽快跟进。
这似乎是一个奇怪的变通方案,但稍微思考一下,我就能理解这种解决方案的简单和优雅之处。这也意味着其他浏览器将来可能也不需要支持 WebP 了。