css - 将多个 PNG 粘合在一起

Question

我正在为 CKEditor 构建一个新图标集皮肤。皮肤要求图标是一个巨大的 PNG 文件，它们彼此堆叠在一起。然后按钮使用 PNG 作为背景图像并定义不同的 y 偏移以获得正确的图像。

我有许多 PNG 格式的独立图标，我需要将它们粘合在一起成为一个这样的 PNG 文件。可以编写执行此操作的 PHP 脚本，但也许有人知道一种更快的方法？特殊要求是所有图标最终需要占用 32x32 像素，但输入 Material 并不总是恰好是这个大小。小于 32x32 的图标必须居中放置在 32x32 的空间中。

我考虑过 ImageMagick，但怀疑它能否满足最后一个要求。或者可以吗？

Answer 1

ImageMagick 确实可以做到。您可能会找到 montage examples 的这一页有帮助。

你可能想要这样的东西:

montage file1.png file2.png file3.png ... -background white -geometry '1x1+0+0<' -tile 1x output.png

但请尝试使用它，直到获得您想要的效果。