Hallo! Um regelmäßig über Neuigkeiten auf dieser Seite informiert zu werden, kannst du den RSS-Feed abonnieren. Mehr Informationen über diese Technik gibt es hier.

CSS Sprites sind meistens eine nette Sache, wenn auch mit einigen Unzulänglichkeiten bei diversen Browsern versehen. Zusammenfassend kann man sagen, das die CSS Sprites schlicht und ergreifend dazu dienen, die Anzahl der Requests auf einen Webserver zu verringern. Denn eine Webseite kann um so schneller ausgeliefert werden, desto weniger Bilder sie enthält.

Der Trick an den CSS Sprites ist der, dass viele kleine Bilder in einer einzigen großen Grafik zusammengefasst werden. Jedes der Ursprungsbilder sitzt an einer festen Position innerhalb des großen Bildes, die mit X/Y-Koordinaten definiert wird. Mittels des CSS-Tags background-position kann dann das einzelne Bild wieder angezeigt werden.

Screenshot des CSS Sprite Generators

Der CSS Sprite Generator hilft bei der Erstellung des Sprites nebst dazugehörigem CSS. Es erlaubt den Upload einer beliebigen Anzahl von Bildern in einem Zip und erstellt daraus ein e einzelne Grafik mit einem CSS, das die Koordinaten enthält, um die Bilder wieder anzeigen zu können. Alles in allem eine sehr zeitsparende Angelegenheit mit einem sehr großen Nutzen.