La tecnica CSS Sprites consiste nell’utilizzare un unica immagine fisica realizzata tramite fusione di altre immagini, da utilizzare nelle proprie pagine web; in questo modo viene effettuata una singola richiesta HTTP al server per caricare l’immagine. Succesivamente viene mostrata solo parte dell’immagine tramite codice CSS attraverso la proprietà background-position.
Utilizzano questo sistema anche google e youtube con le immagini seguenti:
Ecco alcune guide, link e tool interessanti:
- CSS Sprites Generator
- CSS Sprites generation tool
- Creating easy and useful CSS Sprites
- CSS Sprites: Image Slicing’s Kiss of Death
- CSS Image Sprites
- Un semplice esempio per capire cosa sono i css sprites
- CSS Sprite, rollover immagini e menu
- Un tool per generare CSS sprites