如何使用GIF动画提高你的网站的性能
先进的搜索引擎优化,如何使用GIF动画提高你的网站的性能我们都喜欢动画,但他们可以对你的网站造成严重的网页速度的问题
如何设计网站
他GIF(图形交换格式)格式最初是在
网站设计
此外,W开发人员和设计人员可以创建动画通过定时延迟
由于其简单性,该格式的广泛支持,并与它可用于流视频剪辑方便,GIF格式是最古老的文件格式还是常用的今天
这帧动画GIF确保格式仍然很受欢迎,尽管JPEG和PNG图像的兴起
如果您使用的是图片在您的网站上,你要注意优化你的图片让他们不产生过多的开销是很重要的
本文将优化你的图片的方式,静态和动态,并将提供一个很好的替代品可以用来消除使用GIF动画的页面产生膨胀
为什么你要优化你的图片吗
虽然他们是优秀的捕捉你的用户的关注和普遍喜欢以有趣的方式提供短信息,图片并没有设计动画(尽管他们通常用于这种)
我们先挖处理静态图片的方式,我们会讨论减少GIF动画所产生的开销的方法
压缩图像有两种方法:优化的GIF的主要方法之一是对其进行压缩
然而,每一次你保存文件压缩后,图像的质量有所降低,这可能会导致在一个模糊、像素化图像随时间
稍后在这篇文章中,我们将覆盖优化的GIF类型的影响
为了提高你的网站的性能的最简单的方法是使用PNG格式而不是GIF格式渲染你的形象
这种文件格式的转换是很容易做到的,而且有丰富的软件选项,你可以选择,包括免费的基于W的应用如.和的
提高网站使用的是动态GIF的方式有两种性能:GIF动画,虽然非常流行,可以是巨大的文件,需要长时间的加载时间
有损优化工作,因为人眼不做一个很好的工作在区分微妙的变化的颜色
因为你的眼睛将无法区分两个色调,图像文件可以很容易地操纵:一个颜色取代其他,使文件更小
通过使每个文件更小,您的整体文件也较小
HTML视频转换GIF动画虽然你可以减少GIF动画的大小,你可能最后还是一个文件是大于它需要
礼物从来没有打算存储视频,和现在被认为是动画真的是试图减少对存储和多图像共享相同的元数据传输开销的结果
HTML视频是一个总称为现代W浏览器的能力发挥的视频内容,而无需使用外部插件使用&;视频&;标签
今天,虽然,公认的标准是存储在一个MP容器文件的H.视频(其中,为了简单起见,我们就称之为MP视频从这里出发)
除了看起来好多了由于其设计的视频流,MP文件要小得多好:有许多方法来转换你的GIF动画的MP,如流行的开源的命令行工具FF和网络效用云转换
GIF是最古老的文件格式还是常用的今天,由于其简单,近乎普遍的支持,能够被用来作为动画
尽管有这些积极的特点,图片往往是大的文件,导致页面臃肿,可以产生负面影响您的网站的性能,导致用户体验差
因此,你应该考虑静态GIF严重的优化,从GIF动画,并使用更现代的技术如HTMLMP视频实现视频剪辑