image - 多个图标存储在一个图像文件中

标签 image icons sprite-sheet

很难说出这里问的是什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或言辞激烈,无法以目前的形式合理回答。如需帮助澄清此问题以便可以重新打开,visit the help center .




8年前关闭。




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

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

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

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

最佳答案

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

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

关于image - 多个图标存储在一个图像文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16303255/

相关文章:

javascript - meteor 按钮上的切换图标

python - 如何使表面(次表面)围绕矩形居中? (缩放 Sprite 碰撞箱/碰撞矩形)

mysql - 在 Flex 移动应用程序中显示可滚动图片网格的最佳方法

javascript - 将类(class)名称从 child 转移到 parent

css - 无法在 Flex 表格中的图标下居中对齐文本

javascript - Sprite 图像的不同起始方向

java - 使用 LibGdx 在 Java 中对 Sprite Sheet 进行动画处理

css - 如何将图像包装在文本中 - 列表未按文本排序?

php - 如何在 PHP 中检测相似图像?

ios - Iphone App图标错误57 x 57 iOs版本<7.0