CSSスプライト
CSSスプライトは1枚の画像に複数のアイコンを配置し、background-positionプロパティで表示を制御するCSSテクニックの1つです。
表示する画像位置の細かい
指定
が必要ですが、リソースの読み込みを減らすことができるメリットがあります。
CSS sprite
スプライト
（
sprite
）
アイコン画像
CSS3:background-image
CSS3:background-position
このプロパティを使ってイメージの一部分だけを表示する
CSS での画像スプライトの実装 - CSS: カスケーディングスタイルシート | MDN
#CSS3