まずGoogleが実際使っている画像ファイルを見てみましょう。
いろんな画像、アイコンが混じっていますね。
そして実際使うときはCSSのbackground-positionで表示するモノを指定しているようです。
例えば検索結果の星マークのCSSを見ると
background-position: -117px -117px;
Webサーバとのコネクションが1回で済むので、
それが狙いですね。
background-positionに関しての説明は：
background-position－スタイルシートリファレンス
ちなみにこういることをやってくれるライブラリもあるようです。
使ったことはまだないですけど。
You can leave a response, or trackback from your own site.