このような状況でCSSスプライトを作成するにはどうすればよいですか？

Question

私は8/9イメージを連続して表示しているサイトを持っています。ビルド段階では、私のローカルPCで9 httpコールを作るのは大丈夫ですが、実際のウェブサイトでhttpコールを減らすために、CSSスプライト技術に行きたいと思っています。しかし、私はそのようなCSSスプライトを作り出すことができません。助けてください。

HTML + CSSコードは単純です：http://jsbin.com/ugabez/edit#source

：

あなたの便宜のために

<style> 
     a img{ width: 32px; height: 32px; } 
    </style> 

<a href="http://www.twitter.com/godhulii"> 
     <img alt="@godhulii" 
src="twitter.jpg" title="follow me @godhulii"> </a> 

     <a href="http://somewhereinblog.net/blog/seoul"> 
      <img alt="somewhereinblog.net/blog/seoul" 
src="somewhereinblog.jpg" title="somewhereinblog.net/blog/seoul"> </a> 

     <a href="http://www.youtube.com/seoulbuet" > 
      <img alt="bookmark this site" 
src="youtube.gif" title="youtube.com/user/seoulbuet"> </a> 

---

（またはあなたは、CSSスプライトを作成します。期待して）、私はjsbinテスト環境でのセットアップ、このコードを持っています

返信いただきありがとうございます。 -seoul

Answer 1

SpritMeは、あなたのウェブサイトにスプライトを作成するのに役立ちます。

詳細はこちらHERE