发布时间:2020-12-19 16:52 来源:互域
192020-12
动画GIF在网上流行是有理由的,它们提供比普通图像更多的参与度,同时与典型视频相比更容易消化,然而,GIF存储视频需要大量内存,导致页面加载时间慢和数据使用率高。使用HTML5视频,您可以将GIF内容的大小减少多达98%,同时仍然保留浏览器中GIF格式的独特品质。这个时间,时至2020年11月30日解读使用HTML5视频改善GIF动画性能,坚信朋友念完一瞬间如释重负。
给你说使用HTML5视频改善GIF动画性能:

动画GIF对我们来说很有意义, 在所有浏览器中,它们很容易制作并且运行良好。但GIF格式最初并不适用于动画。GIF格式的原始设计是提供一种使用无损压缩算法(称为LZW压缩)压缩单个文件内的多个图像的方法,这意味着它们可以在相当短的时间内下载,即使在慢速连接上也是如此。之后,添加了基本的动画功能,允许文件中的各种图像(帧)绘制时间延迟。默认情况下,构成动画的一系列帧仅显示一次,在显示最后一帧后停止。Netscape Navigator 2.0是第一款增加动画GIF循环功能的浏览器,它导致动画GIF的兴起,知道现在依然在流行中。
作为动画平台,GIF格式非常有限。动画中的每个帧仅限于256种颜色的调色板,多年来,压缩技术的进步使得动画和视频文件的压缩和使用方式得到了一些改进,与正确的视频格式不同,GIF格式不利用任何新技术,这意味着即使几秒钟的内容也会导致非常大的文件大小,因为存储了大量重复信息。
即使尝试使用Gifsicle等工具调整GIF的质量和长度,也很难将其缩小到合理的文件大小。这就是为什么像外国Giphy,Imgur等GIF网站不使用实际的GIF格式,而是将其转换为HTML5视频并向用户提供服

务的原因。 我们了解到外国一个有名团队Pinterest工程团队发现新功能,将动画GIF转换为HTML5视频可以减少加载时间并提高播放流畅度,从而带来更愉悦的用户体验。因此,我们应该研究一些技术,使我们能够使用HTML5视频作为动画GIF的替代品,将动画GIF转换为视频文件,并检查如何在网络上正确嵌入这些视频文件,以便它们像GIF一样运行。
念完所述,大伙应当搞清楚使用HTML5视频改善GIF动画性能了吧,早已在上述文章为大伙儿作了详细介绍,期待前文讲的能对大伙儿有效哦。
[ 关键字:性能,动画 ]
相关阅读:
- 开发者喜欢的GPS定位系统是什么样的 要谨慎 [2020-12-19]
什么样的GPS定位系统才是开发者的最爱呢,在众多系统源码里面如何挑选开发者最喜欢的源代码呢!当下,时至2020年11月30日闲聊开发者喜欢的GPS定位系统是什么样的,答案在这里呢。...
- 内链是SEO优化中的核心主要表现在哪些位置呢 小心注意 [2020-12-19]
企业在做网络推广的时候,有很多的优化技巧是可以促进网站排名效果迅速提升的,其中内链就是一个十分显著地推广方式。但网站内链也并不仅仅是表现在网站文章上面,那内链还表...
- 如何写好一个网页标题 教你怎么办好 [2020-12-19]
写好一个网页标题会吸引搜索引擎的大力关注,那些好的排名的网站都会有一个好的网页标题,不仅仅是引擎,用户也会对其增加好感,那什么样的标题是引擎喜欢的呢?1,标题字数控...
- SEO如何做效果会更好 有希望 [2020-12-19]
现在的互联网信息年代,SEO优化是商场流动中不可或缺的步履,已经得到了全面的遍及,尤其是在一二线城市,对SEO优化的需求是十分高,但为什么大多数人做SEO往往达 不到自己的预期...
- SEO中的蜘蛛池的作用是什么 好看的 [2020-12-19]
SEO中的蜘蛛池的作用是什么?其实对于SEO人员来讲蜘蛛池绝对不陌生,它是我们进行网站优化最快排名的途径,蜘蛛池拥有可以实现网站的快速排名效果,也会被一些SEO人员应用,以及...