任何建议如何在精灵图像上找到图标位置答案

【问题标题】：Any recomendation how to find icon position on a sprite image任何建议如何在精灵图像上找到图标位置
【发布时间】：2010-07-22 02:00:22
【问题描述】：

我是 sprite 新手，我想我理解更改背景位置以替换图像的概念。所以我有我下载的这个大精灵 png，但我怎么知道图标的位置？

我没有照相馆，有没有其他推荐的工具（免费）可以找到职位？

【问题讨论】：

标签： css sprite

【解决方案1】：

您可以使用Sprite Cow 来查找图标位置，而无需使用外部程序。该网站提供复杂的图标选择功能。

【讨论】：

【解决方案2】：

您可以使用tool like this 并获取精灵中图标的背景位置。

您需要先上传图片，然后从精灵中选择一个图标。将生成 CSS，只需复制生成的 CSS 并在您的课程中使用即可。

其他选项是

您需要在 Photoshop 等图像编辑器中打开图像。从那里您可以在图像中的任何位置找到 X 和 Y 位置。请注意，左边，顶部是 0,0。获取x和y位置并像这样使用

背景位置：-310px -123px;

请注意 X 和 Y 坐标前的“-”号。

使用 Firebug 即时修改值。通过试错法，您可以找到准确的位置。

【讨论】：

【解决方案3】：

MSPaint 在 Windows 7 上显示相对于图像的光标位置。如果使用选择工具，它将显示大小和位置。

GIMP 或 Paint.Net 也可以。

【讨论】：

【解决方案4】：

您可能需要考虑使用CSS Sprites generator。它会让你的生活更轻松。

【讨论】：

【解决方案5】：

GIMP 或任何原始图像编辑器都可以。

【讨论】：