ちょうど今表示されている Google のホームページを見てください。スクリーンショットを以下に示します。
これを単一の画像として使用する代わりに、Google は css スプライトを使用しました。スプライト画像
以下に提供されています（寸法が変更されています）：
単一の画像の代わりに css スプライトが使用された理由は何ですか? 単一の画像が使用された場合、HTTP リクエストの数はこの css スプライトの場合と同じではありませんか?
質問する
632 次
2 に答える
1
単一の画像では、さまざまな領域で (さまざまな) ホバー効果を使用できません。
または、アニメーションごとに同じサイズの画像をロードする必要があります。スプライトを使用すると、画像を 1 回読み込むだけで、すべてのアニメーションがそのデータで実行されます。
于 2013-03-11T08:11:15.367 に答える
0
CSSスプライトは、サイトが参照するリソースHTTPに対するリクエストの数を減らす方法です。画像は、定義された X および Y 座標で1 つの大きな画像に結合されます。image
この生成された画像を関連するページ要素に割り当てると、background-positionCSS プロパティを使用して、表示領域を必要なコンポーネント画像に移動できます。
于 2013-03-11T08:13:43.747 に答える