Comment concaténer des icônes dans une seule image avec ImageMagick?

Question

Je souhaite utiliser les sprites CSS sur un site Web au lieu de fichiers image distincts, pour une grande collection. de petites icônes qui ont toutes la même taille. Comment puis-je les concaténer en une seule grande image à l'aide de ImageMagick ?

Answer 1

À partir de la page que vous avez liée, "montage" est l'outil que vous souhaitez. Il va prendre un tas d'images et les concaténer / mosaïque en une seule sortie. Voici un exemple d'image que j'ai créé avant d'utiliser l'outil:
_{(source: davr.org )}

Answer 2

convertir fonctionne beaucoup mieux que le montage. Il organise les images verticalement ou horizontalement et conserve la transparence png.

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

Answer 3

Vous recherchez:

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

Answer 4

J'aime ce script pour la génération automatique de sprite / css. " Création de sprites CSS avec Bash & amp; Imagemagick "

• copie d'article dans Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash- imagemagick

• copie du script http: // blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html