3

私はたくさんの画像とたくさんのjqueryアニメーションを持っているウェブサイトを構築しています。1つのページにいくつかのセクションがあり、各セクションには、jquery.animate()を介して定期的かつ自動的に再配置される20枚の画像のグリッドを持つ前景と、視差スクロールの対象となる背景画像があります。

アニメーションが途切れることがあります。だから私は最適化する方法を見つけようとしています。コンテンツ担当者は高品質の画像をアップロードしています。品質を落としてもらいたいのですが。

そうする前に、次のそれぞれがアニメーションのパフォーマンスにどのように影響するか、そして一方が他方より重要であるかどうかに興味があります。

  • 画像ファイルサイズ
  • 画像サイズ
  • 考慮すべき他の画像属性

アニメーションのパフォーマンスに最も影響を与えるものに基づいて、誰かがこれらの考慮事項に優先順位を付けることができますか?

4

1 に答える 1

1

ファイルサイズはアニメーションのフレームレートに影響を与えるべきではなく、ダウンロード時間にのみ影響を与えるはずです。より多くのピクセルがアニメーション化されると、アニメーションが損なわれます。たとえば、100x100pxの画像はアニメーション化するのに10,000pxですが、500x500pxの画像はアニメーション化するのに250,000ピクセルです。すべての質問に答えられなかった場合はお知らせください。

あなたの質問に対するあなたのコメントに答えるために:画像がレンダリングされたら、画像がpng、jpgなどであるかどうかは関係ありません。

于 2012-11-24T01:44:48.530 に答える