Как объединить значки в одно изображение с помощью ImageMagick?

Я хочу использовать CSS спрайты на веб-сайте вместо отдельных файлов изображений, для большой коллекции маленьких значков, которые все одинаковы размер. Как я могу конкатенировать (разбивать) их на одно большое изображение, используя ImageMagick?

Ответ 1

На странице, которую вы связали, 'montage' - это инструмент, который вы хотите. Это займет кучу изображений и объединит их в один вывод. Вот пример изображения, который я сделал перед использованием инструмента: alt text http://davr.org/ds2/demos2/index.png

Ответ 2

convert работает намного лучше, чем монтаж. Он упорядочивает изображения по вертикали или по горизонтали и сохраняет прозрачность png.

convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)

Ответ 3

Вы ищете:

montage -background transparent -geometry +4+4 *.png sprite.gif

Ответ 4

Мне нравится это script для генерации автоматических спрайтов /css. " Создание спрайтов CSS с помощью Bash и Imagemagick"

копия статьи в Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick
script copy http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html

Ответ 5

Используйте инструмент "монтаж": вот несколько инструкций