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

Question

Je veux utiliser Sprites CSS sur un site web au lieu de fichiers d'images séparés, pour une grande collection de petites icônes qui sont toutes de la même taille. Comment puis-je les concaténer (les mettre en mosaïque) en une seule grande image à l'aide de la fonction ImageMagick ?

Answer 1

convertir fonctionne bien mieux que le montage. Il dispose les images verticalement ou horizontalement et conserve la transparence des pngs.

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

Answer 2

De la page que vous avez liée, montage est l'outil que vous voulez. Il va prendre un tas d'images et les concaténer en une seule sortie. Voici un exemple d'image que j'ai faite avant d'utiliser l'outil :
_{(fuente: <a href="http://davr.org/ds2/demos2/index.png" rel="nofollow noreferrer">davr.org </a>)}

Answer 3

Vous êtes à la recherche de :

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 et Imagemagick "

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

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

Answer 5

Utilisez l'outil "montage" : voici quelques instructions