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

Question

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

我有很多图像需要包含在一张图片中，这样我就可以将它们全部加载为一张图片。我只能使用开源工具。我需要一种快速/有效的方法来做到这一点。这样的图像被称为精灵还是图块？

Answer 1

当用于指代网站中使用的图像时，像这样组合图像被称为CSS 雪碧图。

您可以使用 Imagemagick（开源）剪辑工具可快速将您的图标合并为一个大文件。

这将使当前文件夹中的所有内容变成一个 5x5 的单张图像：

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

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

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