CSS を調べて画像をスプライトにコンパイルしようとしていますが、最も効率的な方法は何かを考えています。現在、アニメーション化する必要がある 10x10 ピクセル以下の小さな画像がたくさんあります。これらの画像をはるかに大きなサイズ (~1000x1000px) のスプライトに追加してアニメーション化すると、CPU 負荷/パフォーマンスに違いが生じるのではないかと考えています。これは、小さな div をアニメーション化するか、小さな部分 (指定された背景位置) のみが表示される巨大な div をアニメーション化するかの違いです。
2 に答える
1
スプライトをアニメーション化することをお勧めします。
すべての画像に対する 1 つのサーバー リクエストで、一度キャッシュされると問題ありません。
私が気をつけているのは、入れようとしているアニメーション効果の量です。多くのことを行うと、実行が遅くなる可能性があるためです (特に css3 3d 変換)。
canvasコンテナ div の代わりにアニメーションに使用することを考えたことはありますか?
于 2012-07-30T14:29:36.240 に答える
0
アニメーション GIF は、クラス名を交換するだけであっても、JavaScript よりも低いレベルで処理されます。アニメーション GIF はガベージ コレクションの遅延に悩まされず、オーバーヘッドも少なくなります。
スプライトの上にアニメーション GIF を配置します。とにかく、ファイルサイズはそれほど変わりません。
于 2012-07-30T14:31:23.707 に答える