CSSスプライト｜WEB制作会社 株式会社スクラッチ｜ホームページ制作/webサイト運用代行/コンサルティングCSSスプライトとは、複数の画像を一つにまとめ、CSSで表示位置を変更するテクニックのことです。通常、画像はボタンやアイコン等のパーツに分かれていますが、それらをまとめて一つにすることで、画像の読み込みが１度で済みます。 それによって、リクエスト数を減らすことができ、サーバへの負担が少なくなります。また、ブラウザでリソース（画像）が再利用されるので、ページの読み込み時間も早くなります。 しかし、CSSスプライトの欠点として、画像が背景画像となるのでAltを入れることができません。また、代わりにテキストをいれ、 indent：-9999px;という技法もありますが、検索エンジンのスパムの対象になる恐れがあります。 そのため、ナビゲーションやボタンは画像ではなく、テキストリンクになります。 一枚にまとめた画像はその部品ごとに、CSSの「background」プロパティで、表示位置をピクセル単位
CSS Spriteを活用しよう - DesignWalker
