Como concatenar ícones em uma única imagem com ImageMagick?

Question

Eu quero usar CSS sprites em um site, em vez de arquivos de imagem separados, para uma grande coleção de pequenos ícones que são todos do mesmo tamanho. Como posso concatenar (telhas)-los em uma imagem grande usando ImageMagick ?

Answer 1

A partir da página é ligada, 'montagem' é a ferramenta que você deseja. Vai levar um monte de imagens e concatenar / telha-los em uma única saída. Aqui está uma imagem de exemplo que eu fiz antes de usar a ferramenta:
_{(fonte: davr.org )}

Answer 2

converter funciona muito melhor do que montagem. Dispõe imagens verticalmente ou horizontalmente e mantém png transparência.

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

Answer 3

Você está procurando:

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

Answer 4

I como este script para geração de Sprite / css automático. " construção sprites CSS com Bash & Imagemagick "

• copy artigo na Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash- imagemagick

• roteiro copiar http: // blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html