CSS Sprites: tecnica per le immagini nelle pagine web

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:

Lascia un commento