xt Commerce Templates

CSS Sprite Generator von Ed Eliot

Website-Performance-CSS-Sprite
CSS Sprites ist eine Technik, mir der man die Anzahl von HTTP Verbindungen der Seite herunterschrauben kann. Jede HTTP Verbindung die während des Ladens der Seite erstellt wird verlangsamt die Seite. Die Idee von CSS Sprites ist das man anstatt von vielen Bildern ein einziges verwendet und nur Teile dieses Bildes mittels der background-position Regel von CSS anzeigt.

Diese Technik kann sehr effektiv sein, besonders dann wenn man viele kleine Bilder wie Icons auf einer Seite verwendet. Zum Beispiel sind alle Bilder im linken Menu auf der Yahoo! Anfangsseite in einem einzigen File.

zum CSS Sprite Generator : CSS Sprite Generator

Weitere Informationen

Bei A List Apart gibt es einen Artikel mit dem Titel "CSS Sprites: Image Slicing's Kiss of Death" der das Konzept von CSS Sprites i. Falls dieser Trick was ganz Neues für Sie sein sollte, raten wir Ihnen den Artikel durchzulesen, damit Alles einfacher wird.

Link: Image Slicing`s Kiss of Death

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
CAPTCHA
Spam Protection
3 + 13 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.