Sprite Sheet
Feuille de sprites (Atlas d'images)
Un fichier image unique qui combine plusieurs images plus petites disposées dans une grille, permettant à toutes d'être chargées en un seul téléchargement réseau plutôt qu'en requêtes séparées.
Détail technique
Les feuilles de sprites réduisent les requêtes HTTP en consolidant de nombreuses icônes ou images d'animation dans un seul fichier. Le CSS background-position extrait les images individuelles en spécifiant les coordonnées dans la feuille. Les spritesheet d'animation de jeux incluent des données de métadonnées (JSON/XML) définissant les limites des images, les indices, la durée et les pivots. Les outils modernes (TexturePacker, ShoeBox) génèrent automatiquement les feuilles à partir de fichiers individuels avec un empaquetage optimisé pour minimiser l'espace gaspillé.
Exemple
```javascript
// Sprite Sheet: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```