由于我也经常编写代码，因此我知道您对这项任务的痛苦。幸好有几十个

精灵生成器

在那里。我什至不保存链接，因为您总会很快找到合适的链接。上面链接的生成器需要一个 ZIP 文件。幸运的是，他们不仅为您提供生成的精灵图像/精灵，而且还为您编写 CSS。

旁注/提示：注意你如何命名东西。他们通常按名称订购东西。因此，如果你得到:active和:hover声明，你应该相应地命名它们：

• layer_active.ext,
• layeractive.ext或者
• layer-active.ext.

现在剩下的唯一事情就是编写（非常激烈的）标记:)

那么显而易见的答案是创建一个批处理来为你做这件事，这样你就不必做 190 次。

但也许您可以使用 Photoshop 的自动化流程之一来为您完成。在我使用的旧版 Photoshop 中，有一个可用的 Contact Sheet II 流程。也许您可以将其设置为包含您想要变成精灵的所有图像，然后将宽度设置为您期望所有图像的总宽度，高度设置为单个图像的最大高度（所以例如它会像 15,000 px X 200 px 一样疯狂）

然后您将“缩略图”设置为 190 列和 1 行。然后关闭“使用文件名作为标题”。

哦，玩弄间距可能会有所帮助。

您必须在 photohshop 中打开所有图像，然后将它们放在一个文件中，该文件将包含您的水平图像。这将是一项艰巨的任务和痛苦，

如果您发现任何其他方式（而不是您提到的脚本），请告诉我们

1. 制作 css sprite 的技巧
2. 如何创建css精灵

虽然与 Photoshop 没有直接关系，但我想推荐TexturePacker。

我过去使用过它，我对它非常满意：轻巧、快速、易于使用、价格合理，并且它为大多数目标/框架（包括 css sprites）生成干净的代码。

完整版还提供命令行访问，这使得自动化工作流程变得超级容易。