image - 個々の画像よりもスプライトを使用する利点は何ですか?

Question

最近、この Web サイトのすべての画像 (ロゴ、バッジの色、上向き/下向きの矢印) は、実際には 1 つのスプライト シートの一部であり、背景画像として設定され、必要な状態に基づいて再配置されることに気付きました。複数の画像を使用するよりも、この方法を使用する利点は何ですか?

Answer 1

さらに、すべての画像を含む大きな圧縮スプライトはより適切に圧縮できるため、すべての画像を単独で使用するよりもファイルサイズが小さくなります。たとえば、それぞれのサイズが 20kB のファイルが 10 個ある場合、スプライトは通常 200kB よりはるかに小さくなります。

Answer 2

単純。送信する HTTP リクエストが減っています。各画像に 1 つではなく、すべての画像に 1 つ。