Ajouter une image

Déposez un .gif (max 25 Mo)

Convertisseur GIF en sprite sheet

Déposez un GIF animé et obtenez une sprite sheet PNG propre, chaque frame disposée sur une grille. Ce convertisseur GIF en sprite sheet gratuit tourne entièrement dans votre navigateur, donc rien n'est envoyé, et il exporte aussi un atlas prêt pour Phaser (un PNG plus un sprite.json) pour votre moteur de jeu. Réglez colonnes, espacement, échelle et arrière-plan, et l'aperçu suit. Cette page convertit dans un seul sens. De la sheet vers le GIF, c'est le convertisseur sprite sheet en GIF.

Comment convertir un GIF en sprite sheet

Convertir un GIF en sprite sheet prend quatre étapes, et chaque frame du GIF suit.

  1. Déposez votre GIF animé sur la zone d'importation
  2. Chaque frame est extraite et placée sur une grille
  3. Ajustez colonnes, espacement, échelle et arrière-plan, et l'aperçu se met à jour en direct
  4. Téléchargez une sheet PNG, ou prenez le ZIP atlas (PNG + sprite.json pour Phaser, Pixi et Godot)

Voici le trajet complet. Un cycle de marche d'ogre en 8 frames sous forme de GIF animé, et la sprite sheet 4x2 que le convertisseur rend.

Un GIF animé d'un cycle de marche d'ogre, l'entrée du convertisseur
Un GIF animé d'un cycle de marche d'ogre, l'entrée du convertisseur
Le même cycle de marche d'ogre en sprite sheet PNG 4x2, exactement comme le convertisseur la produit
Le même cycle de marche d'ogre en sprite sheet PNG 4x2, exactement comme le convertisseur la produit

Le GIF joue. La sheet, ce sont les mêmes huit frames immobiles sur une grille, la forme que le Sprite Editor d'Unity découpe, que l'AtlasTexture de Godot lit et que Phaser charge avec le JSON à côté.

Pourquoi ce convertisseur GIF en sprite sheet

En résumé, il traite votre GIF comme de l'art de jeu, pas comme une vidéo.

  • Tout tourne dans votre navigateur. Aucun envoi, pas de compte requis
  • Mise à l'échelle au pixel près (plus proche voisin, 1x à 8x), les pixels du GIF restent nets
  • Respecte la transparence et le mode d'effacement des frames du GIF
  • L'export atlas se charge tel quel dans Phaser 3, Pixi, Godot et TexturePacker
  • Fonctionne avec tout GIF animé. Pixel art, captures de jeu, emoji, autocollants Discord

Et si le GIF n'est qu'une référence et que vous voulez des frames originales, le générateur de sprites IA de Sprite AI (sprite-ai.art) génère des sprites animés à partir d'un prompt texte, et le créateur de sprite sheets assemble des frames en vrac comme cette page assemble les frames d'un GIF.

FAQ

Les moteurs de jeu et les bibliothèques d'animation prennent en général un seul PNG avec les frames en grille, plus un atlas JSON qui décrit la position de chacune. Une sprite sheet permet aussi de modifier chaque frame séparément, ce qu'un fichier GIF ne permet pas.

Importez le GIF, réglez les colonnes selon la disposition qu'attend votre shader VRChat, puis téléchargez la sheet PNG. Les frames restent au pixel près à l'échelle 1×.

Un atlas de sprites JSON hash compatible avec load.atlas() de Phaser 3 et le chargeur Spritesheet de Pixi, lisible par Godot et TexturePacker. Chaque frame a x/y/w/h plus un champ de durée en millisecondes.

Oui. Les pixels transparents du GIF restent transparents dans la sprite sheet. Si vous désactivez l'option Transparent, l'arrière-plan est rempli avec la couleur de votre choix.

Oui, utilisez l'outil Sprite sheet en GIF pour le sens inverse.

25 Mo par fichier, 2048×2048 maximum par frame. Ça couvre presque tous les GIF que vous croiserez.

Nous utilisons des témoins (cookies) pour améliorer votre expérience. Les essentiels sont requis pour que le site fonctionne. Acceptez-les tous ou seulement les essentiels.

En savoir plus