CSS Sprite Generator

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.

Ähnliche Beiträge

Der ultimative CSS gradient Generator CSS Gradients sind nicht nur ein neuer Hype, sondern eine äußerst sinnvolle Sache, da sie helfen, statische Grafiken loszuwerden und schnell austausch...
Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...
wdCalendar – Google Calendar für den eigenen Serve... Google Calendar ist eine nette Sache, vor allem für Teams und mit Sicherheit eines der am meisten genutzten Anwendungen in der Cloud. Dummerweise tun ...
SnipSave – Snippets in der Cloud Es ist mal wieder Zeit für ein leidiges Thema: Snippets. Ich weiss nicht wie viel Lösungen ich da inzwischen durch habe, und am Ende lande ich doch je...

Eine Antwort auf „CSS Sprite Generator“

  1. sehr praktisch die Seite. hab ich schon des öfteren eingesetzt. :)
    mit Sprites werden übrigens nicht nur dir Requests verringert, sondern auch die Datenmenge. das fertige Sprit ist um einiges kleiner als die einzelnen Bildchen zusammengenommen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.