3

我正在构建一个包含大量图像和大量 jquery 动画的网站。在一个页面上，我们有几个部分，每个部分都有一个前景，其中包含 20 个图像的网格，这些图像通过 jquery.animate() 定期自动重新定位，并且背景图像受到视差滚动的影响。

有时我们会在动画中出现断断续续的情况。所以我正在努力寻找优化的方法。内容人正在上传高质量的图像。我想请他们降低质量。

在我这样做之前，我很好奇以下每一项如何影响动画的性能，以及是否一个比另一个更重要：

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

有人可以根据哪些因素对动画性能影响最大来确定这些考虑因素的优先级吗？

4

1 回答 1

1

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

回复您对问题的评论：一旦图像被渲染，图像是 png、jpg 等都没有关系。

于 2012-11-24T01:44:48.530 回答