多个图标存储在一个图像文件中[关闭]

Posted 2023-03-25

【中文标题】多个图标存储在一个图像文件中[关闭]

【英文标题】：Multiple icons stored in one image file [closed]

【发布时间】：2013-04-24 13:43:28

【问题描述】：

是否可以将多个小图像或图标存储为单个图像的一部分，以便我的网页可以从单个 GET 请求中获取所需的所有图标。这将有助于我的页面加载更快。

这是我所指的那种合成图像的示例：

http://oi40.tinypic.com/2saaxac.jpg

在我看来，这是将某种图像数组放入一个文件中。我希望有某种方法可以在项目中使用图像中的每个单独的图标。

【问题讨论】：

“互联网根本没有任何关于我在寻找什么的信息”这太有趣了！

【参考方案1】：

这些被称为 sprite sheet，有一篇很棒的关于它们的 css-tricks 文章可以帮助您了解它们在网络上的工作方式。

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

【讨论】：

万岁！没有重复相同（优秀）答案的 SO 问答！