服务热线:400-889-1636
业务联系:021-5230 0317
客户服务:021-5230 0319
在线咨询: 
网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
首页 求创资讯 H5动画使用HTML5视频改善GIF动画性能
求创动态行业资讯网站建设网页设计微网站手机网站H5动画系统开发APP开发交互设计微信小程序网站维护

    使用HTML5视频改善GIF动画性能

  • 来源:来自于互联网
    作者:
    转载时间:2019-7-3 10:08:26

动画GIF在网上流行是有理由的,它们提供比普通图像更多的参与度,同时与典型视频相比更容易消化,然而,GIF存储视频需要大量内存,导致页面加载时间慢和数据使用率高。使用HTML5视频,您可以将GIF内容的大小减少多达98%,同时仍然保留浏览器中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一样运行。
本文内容为转载,如原作者有异议,请联系本站撤除。
  • TOP

  • 关于我们

    上海求创科技有限公司成立于2001年,是一家专注于为客户提供高端网站策划、网站建设、网页设计、品牌网络营销以及相关的基于互联网应用服务的专业公司。

    更多

    全国客户服务热线

    400-889-1636

    网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-微官网 网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-手机网
    友情链接: 域名超市 | 苏州网站优化 | 手机网站建设 | 营销型网站建设 | 沈阳seo优化 | 企业网站建设 | 网页设计 | 网站建设 | SEO | 网站设计 | IPv6 升级 | 微信开发 | H5开发 | 系统开发 | 网站维护 | 海外社会化媒体推广 | 上海网站设计 |
    业务热线:021-52300315 021-52300317 业务部:sales@dn.cn 售后服务:service@dn.cn 投诉邮箱:info@dn.cn 域名和主机服务:021-52300319
    地址:上海市静安区镇宁路168号16楼A室 邮政编码:200040
    版权所有©上海求创科技有限公司 沪ICP备13005298号-24  网站地图 沪公网安备 31010602003962号