Я хочу использовать CSS-спрайты на веб-сайте вместо отдельных файлов изображений для большой коллекции маленьких иконок одинакового размера. Как я могу объединить их в одно большое изображение, используя ImageMagick ?
преобразование работает намного лучше, чем монтаж. Он размещает изображения по вертикали или горизонтали и сохраняет прозрачность PNG.
convert *.png -append sprites.png (append vertically) convert *.png +append sprites.png (append horizontally)
На странице, на которую вы ссылаетесь, 'montage' - это нужный инструмент. Он возьмет кучу изображений и объединит их в один вывод. Вот пример изображения, которое я сделал перед использованием инструмента: (источник: davr.org )
Вы ищете:
montage -background transparent -geometry +4+4 *.png sprite.gif
Мне нравится этот скрипт для автоматической генерации спрайтов / CSS. " Создание CSS-спрайтов с помощью Bash & Imagemagick "
копия статьи в Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick
копия сценария http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html