Glossar · Formate
Sprite
Eine einzige Bilddatei, die mehrere kleine Bilder vereint; mit CSS wird jeweils nur ein Teil angezeigt.
Im Detail
Ein Sprite fasst zum Beispiel 12 Bilder einer Animation oder mehrere Symbole in einer einzigen Datei zusammen. Das Banner zeigt jeden Teil, indem es das Bild mit CSS verschiebt oder zuschneidet (background-position).
Man verwendet es, um die Zahl der Dateien im Paket zu verringern und um Bild-für-Bild-Animationen zu erstellen. Seine Grenze ist die gleiche wie bei jedem Bild: Es wiegt so viel wie alle Einzelbilder zusammen.
Beispiel
background-position: -300px 0;Verwandte Begriffe
Wende die Begriffe in der Praxis an.
Probier es mit einer echten Kampagne aus.