Glossaire · Formats
Sprite
Une seule image qui regroupe plusieurs petites images ; on n’en affiche qu’une partie avec du CSS.
En détail
Un sprite rassemble, par exemple, 12 cadres d’une animation ou plusieurs icônes dans un seul fichier. La bannière montre chaque partie en déplaçant ou en recadrant l’image avec du CSS (background-position).
On l’utilise pour réduire le nombre de fichiers du paquet et pour faire des animations image par image. Sa limite est celle de toute image : il pèse ce que pèsent tous ses cadres ensemble.
Exemple
background-position: -300px 0;Termes associés
Mettez les termes en pratique.
Essayez-le avec une vraie campagne.