Uno sprite può fare riferimento a uno dei seguenti:

1. Quando si fa riferimento a una pagina Web, uno sprite è una singola immagine che comprende diverse immagini. L'immagine a destra è un esempio di un singolo sprite Computer Hope che ha 12 immagini diverse utilizzate nel sito Web Computer Hope. Utilizzando gli sprite su una pagina Web, i tempi di caricamento sono migliorati e lo stress del server viene ridotto. Nell'esempio, poiché le dodici immagini sono contenute nello sprite, il tuo browser deve solo effettuare una richiesta al server invece di dodici.

Di seguito è riportato un esempio di una classe CSS che viene utilizzata per mostrare l'icona della pagina di stampa su Computer Hope. Ogni immagine nello sprite viene caricata allo stesso modo, ma la posizione dell'immagine cambia.

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

Anche se uno sprite può essere fatto manualmente, per gli utenti nuovi agli sprite o che non vogliono giocare con l'apprendimento di come creare sprite, ti consigliamo di usare un generatore di sprite come Spritegen.com.

2. Un'immagine grafica o un'immagine grafica animata che può essere spostata indipendentemente con un cursore del mouse o comandi della tastiera. Un esempio di sprite è il cursore del mouse del computer.

CSS, grafica, icona, termini di progettazione Web