html - 在这种情况下如何制作 css Sprite ？

Question

我有一个网站，我连续显示 8/9 个图像。在构建阶段，可以在我的本地电脑上进行 9 个 http 调用，但我想使用 css-sprite 技术来减少实际网站中的 http 调用次数。但我无法制作这样的 css-sprite。请帮忙。

html+css代码很简单:

    <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-sprite)，我在 jsbin 测试环境中设置了这段代码:http://jsbin.com/ugabez/edit#source

感谢回复，-首尔。

Answer 1

SpritMe 可以帮助您为您的网站创建 Sprite 。

您可以找到更多信息HERE