Was bedeutet "Spritesheet"?

Eine einfache ErklÀrung zum Begriff "Spritesheet".

 
Ein Spritesheet ist ein Bild das mehrere einzelne Bilder (Sprites) enthĂ€lt. Im Web kann dieses Spritesheet durch CSS aufgeschlĂŒsselt und die einzelnen Bildelemente ausgegeben werden. Dazu wird die Auflösung des Sheets, sowie die GrĂ¶ĂŸe der einzelnen Sprites und die zugehörigen Positionen verwendet (X-Koordinate, Y-Koordinate, Höhe und Breite). Das hat den Vorteil, dass der Browser nicht alle Bilder einzeln vom Server herunterladen muss, sondern nur eine einzige Datei, die im Cache gespeichert wird. Das spart Ressourcen und Ladezeit. Ein Anwendungsgebiet ist die Verwendung von Icons auf der Webseite, die mit DIV-Tags in HTML ausgegeben werden. Diese DIV's enthalten eine Klasse, die von CSS Interpretiert werden und das Sprite in diesem Tag als Hintergrundbild ausgegeben wird.
 

Begriffe zu den Themen Design und Web leicht erklÀrt

 
ZurĂŒck zur Übersicht