About this tool
Empaquetez un dossier d'images dans une seule sprite sheet — utilisée dans les jeux pour les frames d'animation et sur le web pour combiner des icônes en une seule requête HTTP. Réduit la surcharge réseau et accélère le chargement. L'outil produit la sprite sheet et un fichier de métadonnées avec les coordonnées de chaque sprite.
When to use it
- Produire un sprite CSS depuis un set d'icônes pour réduire les requêtes HTTP
- Empaqueter des frames d'animation pour un moteur 2D (Phaser, Pixi, Godot)
- Construire un atlas d'assets pour un jeu ou un site interactif basé web
- Produire une sprite sheet pour utilisation avec animation `<canvas>`
- Combiner des icônes UI en un bundle unique pour une webapp embarquée
What to expect
Les sprites sont disposés en grille à taille de cellule fixe, avec padding optionnel pour éviter les saignements. Les métadonnées sont exportées en JSON ou en coordonnées CSS pour que votre code sache où vit chaque sprite. Pour des sprites de tailles irrégulières, des outils dédiés (TexturePacker, etc.) produisent des packings plus serrés.
Frequently asked questions
Quel format de métadonnées est exporté ?
JSON avec le nom et la bounding box de chaque sprite, plus une sortie classes CSS optionnelle pour usage direct dans des feuilles de style. Les moteurs de jeu importent en général le JSON directement.
Et si mes sprites sont de tailles différentes ?
Le packing par grille fonctionne mieux quand les sprites sont de tailles proches. Pour des tailles mixtes, la grille utilise les plus grandes dimensions et laisse des trous. Pour un packing optimal de sprites irréguliers, utilisez un outil d'atlas dédié.
Puis-je inclure du padding autour de chaque sprite ?
Oui. Un padding de 1–2 pixels prévient les artefacts de saignement quand la sheet est échantillonnée à des coordonnées non entières (fréquent dans les jeux à caméra en virgule flottante).