Como concatenar ícones em uma única imagem com ImageMagick?
-
01-07-2019 - |
Pergunta
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 ?
Solução
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 )
Outras dicas
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)
Você está procurando:
montage -background transparent -geometry +4+4 *.png sprite.gif
I como este script para geração de Sprite / css automático. " construção sprites CSS com Bash & Imagemagick "