En sprite kan referere til noen av følgende:

1. Når du henviser til en nettside, er et sprite et enkelt bilde som består av flere bilder. Bildet til høyre er et eksempel på en Computer Hope single sprite som har 12 forskjellige bilder som brukes i hele Computer Hope-nettstedet. Ved å bruke sprites på en nettside blir belastningstider forbedret, og serverspenningen reduseres. I eksemplet, fordi de tolv bildene er inneholdt i sprite, må nettleseren din bare gjøre en forespørsel til serveren i stedet for tolv.

Nedenfor er et eksempel på en CSS-klasse som brukes til å vise utskriftssidenikonet på Computer Hope. Hvert bilde i sprite lastes på samme måte, men plasseringen av bildet endres.

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

Selv om en sprite kan gjøres manuelt, for brukere som er nybegynner eller som ikke ønsker å lure seg med å lære å lage sprites, anbefaler vi at du bruker en sprite generator som Spritegen.com.

2. Et grafisk bilde eller animert grafisk bilde som kan flyttes uavhengig med en musemarkør eller tastaturkommandoer. Et eksempel på en sprite er datamaskinens musemarkør.

CSS, grafisk, ikon, webdesign betingelser