Une image - objet peut faire référence à l'un des éléments suivants:

1. Lorsqu'il fait référence à une page Web, une image - objet est une image unique composée de plusieurs images. L'image à droite est un exemple d'image-objet unique de Computer Hope comportant 12 images différentes utilisées sur le site Web de Computer Hope. En utilisant des sprites sur une page Web, les temps de chargement sont améliorés et le stress du serveur est réduit. Dans l'exemple, comme le sprite contient les douze images, votre navigateur ne doit envoyer qu'une requête au serveur au lieu de douze.

Vous trouverez ci-dessous un exemple de classe CSS utilisée pour afficher l'icône d'impression d'une page sur Computer Hope. Chaque image de l'image-objet se charge de la même manière, mais l'emplacement de l'image change.

 .print {background: url (img / definition / 134 / what-is-sprite.png) pas de répétition -10px -302px 

Bien qu'un sprite puisse être créé manuellement, pour les utilisateurs débutants ou qui ne souhaitent pas apprendre à créer des sprites, nous vous recommandons d'utiliser un générateur de sprite tel que Spritegen.com.

2. Une image graphique ou une image graphique animée pouvant être déplacée indépendamment avec le curseur de la souris ou des commandes du clavier. Un exemple d' image - objet est le curseur de la souris de l'ordinateur.

CSS, graphique, icône, termes de conception Web