Les GIF ne stockent souvent que les pixels qui changent d'une frame à l'autre : une extraction naïve donne des sprites troués ou pollués par des restes de la frame précédente. Ce convertisseur rejoue chaque frame avec sa méthode de disposal, comme le fait un navigateur, pour que chaque frame de la planche soit complète. Il conserve aussi le délai propre à chaque frame, ce qui compte pour les animations qui marquent une pose.
Comment utiliser l'outil GIF en sprite sheet
- Déposez un GIF animé (ou essayez l'exemple). Chaque frame est décodée avec son délai et sa méthode de disposal.
- Choisissez la plage de frames, et utilisez Garder une frame sur N pour diviser par deux ou par trois un long GIF. Les frames conservées reprennent la durée des frames ignorées, donc la vitesse ne change pas.
- Cliquez sur des frames dans la bande pour en exclure certaines.
- Rogner au contenu recadre toutes les frames avec un seul cadre commun, pour que le sprite reste en place. Ajoutez une marge si votre moteur a besoin d'un espace autour.
- Si le GIF a un fond uni au lieu d'être transparent, activez Retirer la couleur de fond.
- Choisissez le timing d'origine ou un FPS fixe, puis exportez la planche, le fichier de données, un GIF ou un ZIP de l'ensemble.
Ce que vous obtenez
- Sprite sheet PNG transparente, en grille avec colonnes auto ou fixes.
- JSON Aseprite avec la durée de chaque frame reprise du GIF, plus JSON Phaser/TexturePacker, SpriteFrames Godot 4
.tres, sprites CSS et réglages de découpe Unity. - GIF réencodé après vos modifications, à l'échelle 1× à 8×.
- ZIP contenant tout ce qui précède et chaque frame dans un PNG séparé.
Moteurs compatibles
- Le JSON Aseprite conserve les durées de frames irrégulières. Les importeurs Godot comme Aseprite Wizard et les importeurs Aseprite pour Unity le lisent directement.
- Le .tres Godot 4 utilise une vitesse fixe avec des durées relatives par frame, donc les poses tenues restent tenues.
- Phaser 3 : chargez-le comme atlas avec le JSON hash et construisez l'animation à partir des noms de frames listés sous
animations.
Conseils tirés de nos propres jeux
- Les GIF pixel art de 255 couleurs ou moins sont réencodés ici sans perte, car l'outil reprend les couleurs exactes au lieu de requantifier.
- Beaucoup de GIF trouvés en ligne sont du pixel art agrandi 2× ou 3×. L'outil le détecte et restaure les vrais pixels 1×, ce qui garde votre planche légère et nette.
- Les navigateurs lisent les délais GIF inférieurs à 20 ms comme 100 ms. L'outil fait de même, donc l'aperçu correspond à ce que vous voyiez avant.
- Pour les moteurs qui n'acceptent qu'un seul FPS, passez le Timing en FPS fixe et vérifiez dans l'aperçu que les poses tenues restent lisibles.
Cas d'usage
- Importer dans un moteur de jeu un GIF venant d'un ancien projet ou d'un éditeur de pixel art qui n'exportait qu'en GIF.
- Transformer un GIF créé par un outil d'animation IA en frames que vous pouvez retoucher et nettoyer.
- Découper un GIF en frames PNG numérotées pour les retoucher dans Aseprite, LibreSprite ou Photoshop.
- Créer une animation de sprites CSS pour un site web à partir d'un GIF existant.
FAQ
Pourquoi certaines frames de GIF ont-elles des pixels manquants dans d'autres convertisseurs ?
Un GIF peut ne stocker d'une frame que la zone modifiée, et indiquer ce qu'elle devient ensuite (la garder, l'effacer ou restaurer la frame précédente). Les outils qui ignorent cette méthode de disposal produisent des frames cassées. Celui-ci l'applique, donc chaque frame est complète.
Le timing d'origine des frames est-il conservé ?
Oui. Le délai de chaque frame est lu dans le GIF et écrit dans le JSON Aseprite et dans la ressource Godot. Vous pouvez passer à un FPS fixe si votre moteur l'exige.
Peut-il rendre transparent un GIF à fond blanc ou coloré ?
Activez Retirer la couleur de fond. L'option supprime la couleur trouvée sur le bord de la frame. Pour les fonds compliqués, exportez la planche et passez-la dans le Détoureur de sprites.
Y a-t-il une limite de taille ou de frames ?
Il n'y a pas de limite fixe. Tout se passe dans la mémoire de votre navigateur : les très gros GIF (des centaines de frames en haute résolution) dépendent donc de votre appareil.
Mon GIF est-il envoyé en ligne ?
Non. Le GIF est décodé sur votre appareil, dans un worker en arrière-plan. Aucun fichier ne quitte votre ordinateur.
Et pour les clips MP4 ou WebM ?
Cet outil lit les fichiers GIF. Pour la vidéo, utilisez l'outil Vidéo en sprite sheet, qui capture chaque frame de n'importe quel clip lisible par votre navigateur et peut détourer un fond vert.