Als je een menubalk hebt met knoppen, heb je meestal diverse standen van een knop: de gewone stand, een mouseover stand en een stand als de knop actief is. Drie afbeeldingen zou je denken voor drie standen. Je kunt het echter ook met één afbeelding en wat CSS voor elkaar krijgen. Een techniek die je op veel meer plaatsen en voor meer doeleinden kunt toepassen.

Voordelen van het gebruik van een sprite
Het gebruik van een sprite heeft heel wat voordelen:
1) je hoeft maar één afbeelding te onderhouden
2) je hoeft maar één afbeelding in te laden die ook nog eens kleiner is (waardoor je website sneller inlaadt)
3) het ziet er in Internet Explorer beter uit (geen flikkering bij een mouseOver)
4) en je kunt alles met CSS regelen
Dus, hoe werkt het en hoe kan je die zelf maken?