CSS Spriteと呼ばれている手法です。
画像置換の一枚画像版で背景位置をずらす考え方。
▼使用画像

• メリット
  • 画像一枚の管理で済む
    • 再書き出しも一枚でいいし、スライス不要。
  • プリロード処理が不要（一度読み込めばOK）
    • 個別画像版の「最初の一回だけちらつく」が解消される。
  • 複数のパーツで利用する事も可能
• デメリット
  • 座標を確認するのがちょっと手間。
  • 複数箇所のパーツとして使う場合は、もちろん画像形式はGIF,JPEG,PNGのどれか一つ。
    • パーツ事に形式は変更できない

参考サイト）

• CSS Spriteを活用しよう | DesignWalker
  http://www.designwalker.com/2008/02/css-sprite.html