CSS Sprites einfach gemacht

CSS sprites können einfach mittels Image Magicks montage erzeugt werden.

Z.B. kombiniert folgender Aufruf drei Grafiken eines Menus (normal, aktiv, mouseover) untereinander zu einer einzigen Datei:

montage -background transparent -tile 1x -geometry +0+2 navi.png navi_aktiv.png navi_ov.png nav_sprite.png

Der Parameter tile gibt an, wie viele Bilder in einer Zeile nebeneinander gesetzt werden sollen und geometry ist für den Abstand der einzelnen Elemente zuständig. Mehr Infos zu montage gibt es im Handbuch von Image Magick.

Geschrieben von Werner M. Krauss in Webdesign um 16:03 | Kommentare (0) | Trackbacks (0)

Trackbacks

Trackback-URL für diesen Eintrag

Keine Trackbacks

Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)

Noch keine Kommentare

Kommentar schreiben

Name
E-Mail
Homepage
Antwort zu
Kommentar	Umschließende Sterne heben ein Wort hervor (wort), per _wort_ kann ein Wort unterstrichen werden. Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert. Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss, um dieses Verfahren anzuwenden. Hier die Zeichenfolge der Spamschutz-Grafik eintragen:
	Daten merken?