アニメーション アイコンをポップアップ表示する Web サイトがありmouseoverます。
しかし、ブラウザのグラフィックパフォーマンスが低下する可能性があると思います。アニメーション化されたアイコンをスプライトに配置し、アニメーション化されていないアイコンを別のスプライトに配置できますが、ポイントは何ですか? そうなると、スプライトは役に立たなくなります。スプライトに配置されたアイコンを手動でアニメーション化するスクリプトを使用することをお勧めしますか? あなたのおすすめは何ですか？私は良いパフォーマンスが必要なので。
推測しないで、テストしてください！真剣に。アニメーション GIF のサイズが適切である限り、大きな問題になるとは思えません。ただし、見つけるための最良の方法は、試してみることです。Chrome または Safari の Web インスペクターを使用して、さまざまな戦略 (アニメーションなし、別のファイルにアニメーション化されたアイコン、すべてを 1 つの画像に収める) でページの読み込み時間をプロファイリングしてみて、どれが最高のパフォーマンスを発揮するかを確認してください。大きな違いがない場合は、最も簡単なものを選択してください。パフォーマンスが問題になった場合は、後でいつでも変更できます。
gif 圧縮形式は、すべての空白スペースが jpg や png (ビット単位) のように処理されないため、注意が必要です。ただし、アニメーションの数が増え、色の数が増えるにつれて、gif 形式は崩壊し始めます。スプライト画像のサイズに対して個々のサイズをテストする必要があります。スプライトを移動するパフォーマンスは実際にはまったく問題になるべきではありませんが、他の回答で述べられているように、さまざまなブラウザーとフォーム ファクターでテストする必要があります。
アニメーション GIF のサポートは、ほぼ World Wide Web (www) の始まり以来、すべての主要なブラウザで提供されています。20年前。Lynx のようなグラフィックスをサポートしていない人にとって、最新のブラウザーの抜粋に何らかの懸念があったとしたら、私は非常に驚かれることでしょう。
フレーム レートが高すぎる場合、一部のブラウザーで問題が発生する可能性がありますが、表示されているこれらのアイコンには明らかに当てはまりません。