创建包含多个相同大小的 PNG 的单个 PNG 图像的最佳方法是什么？

Question

创建包含多个相同大小的 PNG（例如 32x32 和 64x64）的单个 PNG 图像的最佳方法是什么？

我有很多图像需要包含在单个图像中，以便我可以将它们全部加载为一个图像。我只能访问开源工具。我需要一种快速/有效的方法来做到这一点。这样的图像称为精灵还是瓷砖？

Answer 1

当用于参考网站中使用的图像时，像这样组合图像被称为CSS 精灵。

您可以使用 Imagemagick（开源）蒙太奇工具快速将您的图标组合成一个大文件。

这将制作当前文件夹中所有内容的 5x5 平铺单个图像：

montage -background transparent -tile 5x5 *.png sprite.png

如果图像少于 25 张，则将使用空格。命令行上的最后一个文件是输出文件。

Imagemagick 是一个命令行工具，因此通常是做您想做的事情的最快和最有效的方式。