Créer une sprite sheet à partir d’images

Regroupez des images d’animation ou des icônes dans une seule sprite sheet pour les jeux et le CSS. Choisissez les colonnes et la marge, et obtenez un atlas JSON compatible avec Phaser, PixiJS et d’autres moteurs.

Vos images sont traitées sur votre appareil et ne sont jamais envoyées.

Déposez vos images ici

ou glissez-déposez

Formats acceptés : PNG, WEBP, GIF, JPG · Jusqu’à 512 Mo par fichier

Comment utiliser cet outil

  1. 01

    Ajoutez vos images, dans l’ordre de l’animation.

  2. 02

    Réglez le nombre de colonnes et la marge entre les images.

  3. 03

    Lancez le traitement et téléchargez la sprite sheet, avec ou sans l’atlas JSON.

Des images exactes au pixel près

Les images ne sont jamais redimensionnées. Chacune est placée en haut à gauche d’une cellule de taille égale, et l’atlas enregistre sa position et sa taille exactes.

Un atlas adapté aux moteurs

Le JSON utilise le format de hachage TexturePacker, très répandu, indexé par le nom de fichier de chaque image.

Questions fréquentes

Quel est le format de la planche ?

PNG, ce qui permet de conserver la transparence.

Les images doivent-elles avoir la même taille ?

Non. Les cellules sont dimensionnées d’après la plus grande image, et l’atlas enregistre la taille réelle de chacune.

Mes images sont-elles envoyées ?

Non. La planche est construite dans votre navigateur.

Outils similaires