Ein Sprite kann sich auf Folgendes beziehen:
1. Wenn auf eine Webseite verwiesen wird, ist ein Sprite ein einzelnes Bild, das aus mehreren Bildern besteht. Das Bild ist ein Beispiel für ein Computer Hope-Sprite mit 12 verschiedenen Bildern, die auf der Computer Hope-Website verwendet werden. Durch die Verwendung von Sprites auf einer Webseite werden die Ladezeiten verbessert und die Serverbelastung verringert. Da im Beispiel die zwölf Bilder im Sprite enthalten sind, stellt Ihr Browser statt zwölf nur eine Anfrage an den Server.
Unten sehen Sie ein Beispiel einer CSS-Klasse, die verwendet wird, um das Symbol „Seite drucken“ auf Computer Hope anzuzeigen. Jedes Bild im Sprite wird auf die gleiche Weise geladen, aber die Position des Bildes ändert sich.
.print{background:url(https://www.computerhope.com/cdn/sprite.png) no-repeat -10px -302px
Obwohl ein Sprite manuell erstellt werden kann, können Benutzer, die mit Sprites noch nicht vertraut sind oder die nicht lernen möchten, wie man Sprites erstellt, einen Sprite-Generator wie Spritegen.com verwenden.
2. Ein Grafikbild oder animiertes Grafikbild, das unabhängig mit einem Mauszeiger oder Tastaturbefehlen verschoben werden kann. Ein Beispiel für ein Sprite ist der Mauszeiger des Computers.
Aseprite, CSS, Grafik, Symbol, Webdesign-Begriffe
