CSS du pourquoi des sprites

un exemple d'image de sprites

Issu de Google Maps :

avantage de la méthode

On ne va charger qu'une seule image pour tous les boutons et icônes du site pour ensute la faire glisser en background d'éléments vides (mais dimensionnés).

Particulièrement satisfaisant pour, par exemple, des rollovers en CSS dont l'image au survol ne sera chargée qu'au survol justement et qu'il est possible qu'on ne la voie pas, faute de lui avoir laissé le temps de se charger.

voyons voir ...

Avec un peu de chance les exemples de tests proposés seront parlants (pour moi ils le sont : j'ai un ADSL assez lent).

test avec deux images

test avec une seule image "spritée"