Glossario · Formati
Sprite
Un’unica immagine che raccoglie più immagini piccole; si mostra a parti con CSS.
In dettaglio
Uno sprite riunisce, per esempio, 12 fotogrammi di un’animazione o diverse icone in un solo file. Il banner mostra ogni parte spostando o ritagliando l’immagine con CSS (background-position).
Si usa per ridurre il numero di file del pacchetto e per fare animazioni fotogramma per fotogramma. Il suo limite è lo stesso di qualsiasi immagine: pesa quanto pesano tutti i fotogrammi insieme.
Esempio
background-position: -300px 0;