Come concatenare le icone in un'unica immagine con ImageMagick?

Question

Voglio usare Sprite CSS su un sito Web anziché file di immagine separati, per una vasta raccolta di piccole icone tutte della stessa dimensione.Come posso concatenarli (affiancarli) in un'unica grande immagine utilizzando ImageMagick?

Answer 1

Dalla pagina che hai collegato, 'montaggio' è lo strumento che desideri.Ci vorranno un sacco di immagini e le concateneranno/affiancheranno in un unico output.Ecco un'immagine di esempio che ho realizzato prima di utilizzare lo strumento:
_{(fonte: davr.org)}

Answer 2

convertire funziona molto meglio del montaggio.Dispone le immagini verticalmente o orizzontalmente e mantiene la trasparenza png.

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

Answer 3

Stai cercando:

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

Answer 4

Mi piace questo script per la generazione automatica di sprite/css."Costruire sprite CSS con Bash e Imagemagick"

• copia dell'articolo in Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick

• copia della sceneggiatura http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html