Netzkescher

11.01.2011

Abgefischt: Sprites online gestalten

Was sind Sprites (bezogen auf Webdesign)?

Ich habe sie hier und hier schon einmal erwähnt.

In der Wikipedia steht dazu

Im Webdesign wird der Begriff Sprites als Bezeichnung für Grafikdateien verwendet, welche aus mehreren kleinen Einzelgrafiken bestehen. Diese Sprites werden per CSS derart in Webseiten eingebunden, dass vom Webbrowser jeweils die benötigten entsprechend zugeschnittenen Teilgrafiken angezeigt werden. Zweck dieser Technik ist einerseits die Verringerung der Gesamtladezeit einer Webseite durch Reduzierung der Serveranfragen und andererseits das Verhindern von Verzögerungen, die durch Nachladen – beispielsweise bei Hovereffekten – entstehen würden

Besser kann ich es ja nicht erklären.

Das Erstellen von Sprites hat immer etwas mit dem Abmessen einer Grafik und dem Formulieren von CSS-Eigenschaften zu tun. Ein praktisches Onlinetool namens Spritebox greift einem dabei unter die Arme. Gefunden habe ich den Hinweis auf dieses Tool bei hpvorlagen24.de. Und weil dort auch sehr schön erklärt ist, wie man das Tool bedient, spar ich mir das hier.