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

Question

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

Je veux utiliser sprites CSS sur un site web au lieu de fichiers image séparés, pour une grande collection de petites icônes qui ont toutes la même taille. Comment puis-je les concaténer (tuile) en une grande image en utilisant ImageMagick?

38

bitmap css-sprites graphics imagemagick

demandé sur Peter Hilton 2008-09-18 03:35:10

5 réponses

score 26 · Answer 1

À Partir de la page liée, 'montage' est l'outil que vous voulez. Cela prendra un tas d'images et les concaténera/les tuilera en une seule sortie. Voici un exemple d'image que j'ai fait avant d'utiliser l'outil: texte alt http://davr.org/ds2/demos2/index.png

score 48 · Answer 2

Convertir fonctionne beaucoup mieux que de 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)

score 23 · Answer 3

Vous recherchez:

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

23

répondu Alexander M. 2011-11-18 19:20:35

score 6 · Answer 4

J'aime ce script pour la génération automatique de sprite / css. "Construire des sprites CSS avec Bash & 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 de copie http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html

score 1 · Answer 5

Utiliser le "montage" de l'outil: voici quelques instructions

1

répondu Ludvig A. Norin 2008-09-17 23:38:11

Las etiquetas más populares

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

5 réponses