Wie Symbole in ein einziges Bild mit ImageMagick verketten?

Question

Ich möchte verwenden CSS-Sprites auf einer Website, anstatt separate Bilddateien, für eine große Sammlung kleine Symbole, die alle die gleiche Größe haben. Wie kann ich verketten (Kachel), um sie in ein großes Bild mit ImageMagick ?

Answer 1

Von der Seite, die Sie verbunden sind, 'montage' ist das Werkzeug, die Sie wollen. Es wird eine Reihe von Bildern aufnehmen und verketten / Fliese zu einem einzigen Ausgang. Hier ist ein Beispiel Bild, das ich gemacht habe, bevor Sie das Tool:
_{(Quelle: davr.org )}

Answer 2

konvertieren als Montage viel besser funktioniert. Es ordnet Bilder vertikal oder horizontal und hält png Transparenz.

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

Answer 3

Sie suchen:

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

Answer 4

Ich mag dieses Skript für die automatische Sprite / css Generation. " Gebäude CSS-Sprites mit Bash & Imagemagick "

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

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