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

Question

我的问题是在开发任何网站时，我使用许多图像停止，下一步，后退，上一步做一些东西，我把它们放在不同的文件夹中并单独访问它们。但是，当我看到其他网站并尝试获取回复，发布，搜索等图像，以便我可以将它们用于我的网站或使用他们使用的颜色组合。我所看到的是，我在一张png图像中获得了许多图像。我想问的是，将所有图像放在一个PNG图像中的目的是什么，以及从那里访问一个图像时如何从这些图像中访问该特定图像。如果任何人可以提供一些代码，那么它将是非常好的，也是优点和缺点。 提前谢谢。

Answer 1

了解 CSS精灵。例如：

http://alistapart.com/article/sprites

http://css-tricks.com/css-sprites/

http://spritegen.website-performance.org/

Answer 2

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

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

最好的例如 http://www.spritecow.com