分析精灵图像的简易工具？

Question

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

Answer 1

这个程序非常适合将精灵分解为单个帧

http://www.alferdspritesheetunpacker.forkandbeard.co.uk/forkandBeard/apps/AlferdSpritesheetUnpacker/Download.aspx

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

Answer 2

在Photoshop中使用切片工具：

1. 使用slice select tool（请注意选择部分，请参见屏幕截图）。
2. 右键单击画布上的任意位置，然后从下拉菜单中选择Divide Slice...。
3. 输入高度/宽度或精灵倍数。
4. 完成后，转到save for web and devices...
5. 保存时，会将所有单独的剪纸片导出为您选择的文件格式。

如果尺寸不均匀（不在网格上），您也可以使用香草“切片选择”工具单独选择它们。如果您有很多类似的网格，请将所有内容保存为photoshop操作并批量处理它们。

Answer 3

在丢失精灵的源图像并构建了这个相对简单的工具后，我遇到了类似的问题：https://github.com/fmovlex/desprite

希望这有帮助。

Answer 4

尝试将其分解为单独的行：http://imagesplitter.net

Answer 5

这个很适合我从jquery ui sprites中提取图像http://renderhjs.net/shoebox/

Answer 6

有一个Android应用程序将动态分割精灵地图：

https://play.google.com/store/apps/details?id=com.fourqueue.android.texture

Answer 7

创建png ：

我使用spritepad创建png图像，只需拖放图像即可创建精灵：http://spritepad.wearekiss.com/（但我假设你不想这一步）。

<强> CSS ：

在此之后，我将图像导入spritecow并获取每个图像的css（双击每个图像以获得其高度 - 宽度和坐标）： http://www.spritecow.com/

你可以只使用spritepad，但我更喜欢只用它来创建精灵。对于CSS，spritecow对我来说似乎更容易。无论如何，它取决于你。