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

Aba*_*aba 27 css photoshop image sprite

我有很多精灵图像,包含几十个图标.有没有一种简单的方法可以自动将精灵分解成单独的图像文件,或者将它们输入坐标,宽度和高度?

BYS*_*YS2 15

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

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

它支持所有标准位图格式,.png,.bmp,.gif,.tiff,并且几乎可以自动完成所有操作.

  • @abadaba,哦,真的吗?它似乎对我有用:S ..你有一个我可以从互联网上下载的精灵副本吗?我已经在自己的一些尝试了它,它似乎完美 (2认同)

Aba*_*aba 7

在Photoshop中使用切片工具:

  1. 使用slice select tool(注意选择部分,见截图).
  2. 右键单击画布上的任意位置,然后Divide Slice...从下拉菜单中进行选择.
  3. 输入高度/宽度或精灵倍数.
  4. 完成后,转到 save for web and devices...
  5. 保存时,这会将所有单独的剪切块导出到您选择的文件格式的单独文件夹中.

如果它们的大小不均匀(不在网格上),您也可以使用vanilla"切片选择"工具单独选择它们.如果您有很多类似的网格,请将所有内容保存为photoshop操作并批量处理它们.

切片**选择**工具

  • 这是非常耗时的,BYS2的答案是最好的方法. (3认同)
  • 想法是将精灵图像分解为单个图像.我与CSS sprites无关. (2认同)

小智 6

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

希望这可以帮助.


6to*_*ton 6

这对我来说很好,可以从jquery ui精灵http://renderhjs.net/shoebox/中提取图像


Ada*_*dge 5

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

  • 但是这假设每一行都是相同的高度,图像可能会占用不同的空间. (5认同)