Sprite var attiekties uz kādu no šiem:

1. Atsaucoties uz tīmekļa lapu, sprīts ir viens attēls, kas sastāv no vairākiem attēliem. Labajā pusē esošais attēls ir piemērs tam, ka datorizētais vienīgais sprīts ir 12 dažādi attēli, kas tiek izmantoti visā datorprogrammas Hope tīmekļa vietnē. Izmantojot tīmekļa vietnes sprites, tiek uzlaboti ielādes laiki un samazināts servera stress. Piemērā, jo divpadsmit attēli ir iekļauti sprite, jūsu pārlūkprogrammai ir tikai viens pieprasījums serverim, nevis divpadsmit.

Zemāk ir CSS klases piemērs, kas tiek izmantots, lai parādītu drukas lappuses ikonu uz datora. Katrs sprīta attēls ielādējas tādā pašā veidā, bet attēla atrašanās vieta mainās.

 .print {background: url (img / definīcija / 134 / what-is-sprite.png) no-atkārtot -10px -302px 

Kaut arī sprite var izdarīt manuāli, lietotājiem, kas ir jauni, lai sprites vai kuri nevēlas pieklājīgi mācīties, kā veidot sprites, mēs iesakām izmantot Sprite ģeneratoru, piemēram, Spritegen.com.

2. Grafiskais attēls vai animēts grafiskais attēls, ko var pārvietot patstāvīgi ar peles kursoru vai tastatūras komandām. Sprite piemērs ir datora peles kursors.

CSS, Grafiskais, Ikona, Web dizaina noteikumi