Css 分解精灵图像的简单工具？

我有很多精灵图像，其中包含几十个图标。有没有一种简单的方法可以自动将精灵分解成单独的图像文件，或者将其输入坐标、宽度和高度？

尝试一下，因为它可以将精灵分解成单独的行：

这个程序非常擅长将精灵分解成单独的帧

---

它支持所有标准位图格式、.png、.bmp、.gif、.tiff，并且几乎可以自动执行所有操作。

使用Photoshop中的切片工具：

使用

切片选择工具

（注意选择部分，请参见屏幕截图）

右键单击画布上的任意位置，然后从下拉菜单中选择

分割切片…

输入高度/宽度或精灵倍数

完成后，转到

为web和设备保存…

保存时，这会将所有单独的剪切输出到单独文件夹中您选择的文件格式

如果它们的大小不均匀（不在网格上），您也可以使用普通的“切片选择”工具单独选择它们。如果你有很多相似的网格，将所有内容保存为photoshop操作并批处理它们

---

在丢失一个精灵的源图像后，我遇到了类似的问题，并构建了这个相对简单的工具：

---

希望这能有所帮助。

这张照片对我从jquery ui sprites中提取图像非常有效

创建png：

我使用spritepad创建png图像，只需拖放图像即可创建sprite：（但我假设您不需要此步骤）

CSS：

在此之后，我将图像导入spritecow并获取每个图像的css（双击每个图像以获取其高度、宽度和坐标）：

---

您可以只使用spritepad，但我更喜欢只在创建sprite时使用它。对于css，spritecow对我来说似乎更容易。无论如何，这取决于您。

有一个android应用程序可以动态拆分精灵地图：

---

当我将精灵拖到应用程序上，然后单击“导出选定对象”时，它会冻结…@abadaba，哦，真的吗？它似乎对我很有效：S。。你有我可以从网上下载的雪碧吗？我自己也试过，似乎效果很好……真是太棒了。工作得很好。我没想到它能帮我完成所有的工作。非常感谢！这个程序非常有效！对于那些在导出时被冻结的人来说，根据常见问题解答，你必须取消选中“导出到文件夹”复选框，这对我来说是个好办法：）@BYS2毫无疑问，这应该是正确的答案。那个节目太棒了！！谢谢但这假设每一行都是相同的高度，图像可能会占用不同的空间。好问题，我总是会遇到这个问题，精灵需要时间。这个想法是将精灵图像分解为单独的图像。我与CSS精灵无关。这非常耗时，BYS2的答案是最好的方法。请注意，这只适用于包含单个图像的宽度/高度和背景位置的CSS文件，当您只有一个精灵图像时，此选项对您没有帮助