Je souhaite utiliser CSS sprites sur un site Web au lieu de fichiers image séparés, pour une grande collection de petites icônes de même taille. Comment puis-je les concaténer (mosaïque) en une grande image en utilisant ImageMagick?Comment concaténer des icônes en une seule image avec ImageMagick?
De la page que vous avez liée, 'montage' est l'outil que vous voulez. Cela va prendre un tas d'images et les concaténer/les coller dans une seule sortie. Voici un exemple d'image que je l'ai fait avant d'utiliser l'outil: alt text http://davr.org/ds2/demos2/index.png
Utilisez l'outil « montage »: here are some instructions
J'aime ce script pour sprite automatique/génération css. "Building CSS sprites with Bash & Imagemagick"
lien est mort ... – jedierikb
@jedierikb voici la version en cache http://goo.gl/SxcXQH – printminion
@printminion Ce lien est mort aussi! – user2441511
Vous recherchez:
montage -background transparent -geometry +4+4 *.png sprite.gif
+1 pour une commande prête à l'emploi – mik01aj
convert fonctionne beaucoup mieux que le montage. Il arrange les images verticalement ou horizontalement et garde la transparence de png.
convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)
Eh bien, je n'ai pas testé, mais il semble que -background None permettra un fond transparent (voir http://www.imagemagick.org/Usage/montage/#bg) – AkiRoss
Il y a un problème qu'il semble juste ajouter les images dans un ordre aléatoire malgré que je les ai nommées de 1.png à 15.png. Savez-vous comment faire imagemagick ajouter les images dans un ordre spécifié? –
@AnonJ, votre shell pourrait étendre '*' à la liste des noms de fichiers basés sur l'ordre lexicographique - c'est ce que zsh fait pour moi, au moins. –
Non ImageMagick, mais voici des instructions sur la façon de le faire en Python en utilisant la bibliothèque d'images Python: http://29a.ch/2009/5/14/concatenating-images-using-python –