使用 HTML5 视频代替 GIF 动画,提升性能体验

  1. 云栖社区>
  2. 博客>
  3. 正文

使用 HTML5 视频代替 GIF 动画,提升性能体验

子夜初商南 2019-08-06 21:43:03 浏览649
展开阅读全文

image.png

原文作者:Ayo Isaiah

译者:UC 国际研发 Jothy

----

摘要:GIF 动画能在网上流行起来是有道理的。 它们能带来比普通图片更高的参与度,同时与典型视频相比更容易消化。 然而,用 GIF 作为视频存储格式太可怕了,它们的大小通常非常巨大,导致较慢的页面加载时间和较高的流量。 使用 HTML5 视频,你可以将 GIF 的体积减小高达 98%,同时仍然保留浏览器中 GIF 格式的独特品质。

GIF 动画有许多好处; 它们很容易制作,并且在所有浏览器中都运行良好。 但 GIF 格式最初并非为动画而生。 GIF 格式的最初设计是为了提供一种使用无损压缩算法(称为 LZW 压缩)将多个图像压缩到一个文件中的方法,压缩后的文件只需极短的时间便可下载完成,即使用的是慢速连接。

之后,基本的动画功能被加了进来,它允许文件中的各种图像(帧

网友评论

登录后评论
0/500
评论
子夜初商南
+ 关注