Image 从一个PNG文件中的多个图像中选择图像

我的问题是，在开发任何网站时，我都会使用许多图像，例如stop、next、back、prev来做一些事情，我会将它们放在不同的文件夹中，并分别访问它们。但是，当我看到其他网站，并试图获得像回复，张贴，搜索这样的图像，以便我可以使用我的网站或使用他们使用的颜色组合的方式。我看到的是，我在一个png图像中得到了许多图像。我想问的是，将所有图像放在一个PNG图像中的目的是什么，当从那里访问一个图像时，他们是如何从这些图像中访问特定图像的。如果有人能提供一些代码，那么它将是非常伟大的，也有其优点和缺点。

---

提前感谢。

阅读有关CSS精灵的内容。例如：

---

我想你指的是精灵。Sprite是一个.png图像中的小图标集合。这样做的好处是提高了网站加载的速度，将这些小图标组合在一起，与单独存储的每个IMG相比，生成一个小png图像

然后通过背景位置访问精灵中的图像

最好的。

---

您好，谢谢您的快速回复……我明白了它是什么，但是……我如何在我的网站上使用Sprite功能……请帮助我解决这个问题……我是否需要使用代码，或者是否有类似的现成软件……您必须在Photoshop中创建Sprite。它可以是任何宽度和高度，背景必须是透明的，没有背景。之后，拖动此PSD上的图标/图像，并以适当的方式定位它们，在这些图像之间留出适当的空间。完成后，将其另存为png。向下滚动到最后，您可以看到精灵的egs。在spritecow.com中加载精灵，您将能够获得每个精灵的背景位置，并将代码复制粘贴到css中。