Een sprite kan verwijzen naar een van de volgende:

1. Wanneer u naar een webpagina verwijst, is een sprite een enkele afbeelding die uit meerdere afbeeldingen bestaat. De afbeelding rechts is een voorbeeld van een enkele sprite van Computer Hope met 12 verschillende afbeeldingen die worden gebruikt op de website van Computer Hope. Door sprites op een webpagina te gebruiken, worden de laadtijden verbeterd en de serverstress verminderd. In het voorbeeld, omdat de twaalf afbeeldingen zich in de sprite bevinden, hoeft uw browser maar één verzoek aan de server te doen in plaats van twaalf.

Hieronder ziet u een voorbeeld van een CSS-klasse die wordt gebruikt om het pictogram met de afgedrukte pagina in Computer Hope weer te geven. Elke afbeelding in de sprite laadt op dezelfde manier, maar de locatie van de afbeelding verandert.

 .print {background: url (img / definition / 134 / what-is-sprite.png) no-repeat -10px -302px 

Hoewel een sprite handmatig kan worden gedaan, voor gebruikers die nieuw zijn in sprites of die niet graag willen leren hoe ze sprites kunnen maken, raden we aan een sprite-generator zoals Spritegen.com te gebruiken.

2. Een grafische afbeelding of geanimeerde grafische afbeelding die onafhankelijk kan worden verplaatst met een muiscursor of toetsenbordopdrachten. Een voorbeeld van een sprite is de computermuiscursor.

CSS, grafische vormgeving, pictogram, webontwerptermen