「CSS Sprites」
やたらと名前がカッコイイのですが、要は、サイト内で使用する画像を１枚にまとめて、
それを、background-positionでピンポイント表示するというテクニック。
3Dで、容量節約のためにテクスチャを１枚にまとめるそうですが、それに近い感じでは。
テクニックに関する詳細な解説は、下記参考サイト参照。
CSS Spriteを活用しよう - DesignWalker
CSS Spritesでサイトを高速化 - 独学で極める “Webデザイン”の技と心
さすがに、サイト全体となると抵抗がありますが、メニュー部分なんかでは便利です。
実際に、アドライズ本体サイトのメニュー部分は、この方法で実装してます。
メニュー「アドライズについて」の実際の画像はこんな感じです。
デフォルトとオーバーのみというシンプルなものです。
機会があれば、サイト丸ごとやってみたいけど、修正が入ったら大変そうです。
（座標が変わらないように、新領域に追加すればいいのかな？）
