En sprite kan referere til et af følgende:

1. Når der henvises til en webside, er et sprite et enkelt billede, der består af flere billeder. Billedet til højre er et eksempel på en Computer Hope single sprite, der har 12 forskellige billeder brugt i hele Computer Hope hjemmeside. Ved at bruge sprites på en webside forbedres belastningstider, og serverens stress reduceres. I eksemplet, fordi de tolv billeder er indeholdt i sprite, skal din browser kun lave en anmodning til serveren i stedet for tolv.

Nedenfor er et eksempel på en CSS-klasse, der bruges til at vise printikonet på Computer Hope. Hvert billede i sprite lægges på samme måde, men placeringen af ​​billedet ændres.

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

Selv om en sprite kan gøres manuelt, anbefales det at bruge en sprite generator som Spritegen.com til brugere, der er nybegyndere eller som ikke ønsker at snyde med at lære at lave sprites.

2. Et grafisk billede eller et animeret grafisk billede, der kan flyttes uafhængigt med en musemarkør eller tastaturkommandoer. Et eksempel på en sprite er computerens musemarkør.

CSS, grafisk, ikon, webdesign betingelser