Css 一个图像文件中的多个图像

我是CSS网页设计的新手。我发现一些网站将多个图像合并到一个图像文件中。这是亚马逊的一个例子：

http://g-ecx.images-amazon.com/images/G/01/x-locale/personalization/amznlike/amznlike_sprite_02._V196113939_.gif

---

我真的很想知道如何以最好的方式去做。是否有任何工具可以组合图像并获取每个图像的像素位置，从而将它们放入CSS中？

它们被称为CSS精灵。你可以用谷歌搜索很多信息。大多数站点都使用这种技术来减少加载时间。基本上，您要做的是在所有要加载图像的元素中加载一个图像

但您可以将它们作为背景图像加载，从而可以修改它们的位置。因此，可以显示相同图像的不同版本

---

我不想告诉你所有的事情，所以这里有一个简单的方法让你开始。

这叫做图像精灵。你可以通过谷歌搜索找到很多实用程序。