CSS Sprite Generator

Beim Aufruf einer HTML-Seite, in der Bilder oder Grafiken eingebunden sind, wird für das Laden jedes Bildes eine HTTP Verbindung erzeugt. Viele HTTP Verbindungen können den Seitenaufbau verlangsamen. Um die Anzahl von HTTP Verbindungen zu reduzieren, kann man mehrere Bilder zu einem einzigen Bild zusammenfassen und mittels der background-position Regel in CSS nur Teile dieses Bildes anzeigen lassen. Besonders wenn viele kleine Bilder wie Icons oder Buttons auf einer Seite verwendet werden, kann diese Vorgehensweise effektiv sein. Wenn jemand diese Technik ausprobieren möchte, der kann den CSS Sprite Generator zur Hilfe nehmen um sich die Arbeit zu erleichtern.