我有很多包含数十个图标的雪碧图像。是否有一种简单的方法可以自动或通过提供坐标、宽度和高度来将雪碧图像拆分为单独的图像文件?
7个回答
15
这个程序非常擅长将精灵图解构为单独的帧。
https://github.com/ForkandBeard/Alferd-Spritesheet-Unpacker
它支持所有标准位图格式，包括 .png、.bmp、.gif 和 .tiff，并且几乎自动完成所有操作。
- BYS2
9
2@abadaba，真的吗？在我的电脑上运行得很好啊 :S... 你有你的精灵的副本能让我从网上下载吗？我已经尝试了一些自己的精灵，它似乎完美地工作。 - BYS2
1好的...这太棒了。完美地工作了。我没有想到它会为我完成所有的工作。非常感谢！ - Arbel
1这个程序非常好用！对于那些在导出时程序会冻结的人来说，根据常见问题解答，你需要取消选择“导出到文件夹”复选框，这对我起了作用 :) - xorinzor
1@BYS2 毫无疑问，这应该是正确的答案。那个程序太棒了！谢谢！ - Nick Louloudakis
1另外，在常见问题解答中开玩笑说：“你知道如何拼写Alfred吗？” - “是的”。 - Nick Louloudakis
显示剩余4条评论
8
在Photoshop中使用切片工具：
- 使用切片选择工具（注意其中的选择部分，参见屏幕截图）。
- 在画布上右键单击，从下拉菜单中选择
分割切片...。 - 输入高度/宽度或精灵倍数。
- 完成后，进入
保存为网络和设备... - 保存时，将所有独立的切割导出到您选择的文件格式中的单独文件夹中。
如果它们大小不均匀（不在网格上），您也可以使用原始的“切片选择”工具单独选择它们。如果有许多类似的网格，请将所有内容保存为Photoshop操作并批处理它们。
- Abadaba
2
2这个想法是将精灵图像分解为单独的图像。 它与CSS精灵无关。 - Abadaba
3这非常耗时，BYS2的答案是最好的解决方法。 - xorinzor
6
在丢失sprite的源图像后，我遇到了类似的问题，并构建了这个相对简单的工具：https://github.com/fmovlex/desprite
希望这可以帮助你。
- fmovlex
1
请注意，此选项仅适用于具有包含各个图像的宽度/高度和背景位置的CSS文件，当您只有一个精灵图像时，此选项将无法帮助您。 - xorinzor
5
试试这个工具，它可以将它拆分成单独的行：http://imagesplitter.net
- Adam Seabridge
1
5但这假设每一行的高度都相同，而图片可能会占用不同的空间。 - Abadaba
0
有一个安卓应用程序，可以动态地拆分精灵图：
https://play.google.com/store/apps/details?id=com.fourqueue.android.texture
- Four Queue
-2
创建png文件:
我使用Spritepad创建png图像，只需拖放您的图像即可创建精灵：http://spritepad.wearekiss.com/ （但我假设您不需要这一步骤）。
CSS:
之后，我将图像导入Spritecow并获取每个图像的CSS（双击每个图像以获取其高度、宽度和坐标）：http://www.spritecow.com/
您可以仅使用Spritepad，但我更喜欢仅在创建精灵时使用它。对于CSS，Spritecow 对我来说更容易。无论如何，这取决于您。
- vaskort
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接