jquery.animate()的性能 - 图像文件大小与图像尺寸大小

时间:2012-11-24 01:25:49

标签: jquery html css

我正在建立一个拥有大量图片和大量jquery动画的网站。在一个页面上,我们有几个部分,每个部分的前景都有20个图像的网格,这些图像通过jquery.animate()定期自动重新定位,并且背景图像可以进行视差滚动。

有时我们会在动画中出现不稳定因素。所以我正在努力寻找优化方法。内容人员正在上传高质量的图像。我想请他们降低质量。

在我这样做之前,我很好奇以下每一项如何影响动画的表现,如果一个比另一个更重要:

  • 图片文件大小
  • 图片尺寸
  • 要考虑的其他图片属性

有人可以根据影响动画效果的因素优先考虑这些注意事项吗?

1 个答案:

答案 0 :(得分:1)

文件大小不应影响动画帧率,只影响下载时间。当动画更多像素时,动画会受到影响。例如,100x100px图像的动画为10,000px,而500x500px的图像为动画的250,000像素。如果我没有回答你的所有问题,请告诉我。

回复你对你的问题的评论:一旦图像被渲染,图像是png,jpg无关紧要,等