Convertisseur sprite sheet en GIF

Convertissez une sprite sheet en GIF dans votre navigateur, gratuitement et sans compte. Déposez un PNG ou un WebP, la grille est détectée pour vous, réglez les FPS et téléchargez. Rien n'est envoyé à un serveur, et les deux animations de cette page sortent de l'outil ci-dessus.

Comment ça fonctionne

La grille est lue pour vous. C'est la partie que la plupart des convertisseurs vous font faire à la main.

1. Déposez une sprite sheet PNG ou WebP
2. Le convertisseur trouve les colonnes et les lignes en cherchant les gouttières transparentes entre les frames, et affiche le nombre de frames trouvé
3. Corrigez la grille avec les curseurs si la sheet n'a pas de gouttières, ou réglez un espacement jusqu'à 16 px
4. Réglez les FPS et regardez l'aperçu jouer
5. Téléchargez le GIF animé

Les colonnes et les lignes vont jusqu'à 32 chacune, donc une sheet de 1 024 frames est dans la plage.

De la sheet au GIF

Pour transformer une sprite sheet en GIF, le convertisseur doit savoir où une frame finit et où la suivante commence, et c'est tout ce qu'il demande au fichier. Voici un cycle de marche de douze frames sur une seule rangée, lu en 12 par 1 sans qu'on le lui dise.

Les sheets se lisent de gauche à droite, de haut en bas, l'ordre dans lequel tous les moteurs les écrivent.

Sheets avec une dernière rangée incomplète

Une grille se divise rarement également. Une sheet 3x3 qui contient 8 frames laisse une cellule vide dans le coin, et un convertisseur qui compte les cellules au lieu des frames en fait un flash blanc à la fin de chaque boucle.

Cette sheet s'exporte en 8 frames, pas 9. Les cellules vides à la fin sont retirées. Les cellules vides au milieu sont gardées, parce qu'une frame vide dans une animation est souvent un clignement ou un flash voulu, et la retirer changerait le rythme.

Les arrière-plans transparents restent transparents

Les pixels transparents de la sheet restent transparents dans le GIF, mais le format impose une limite dure à comprendre avant d'exporter.

Le GIF gère un alpha 1 bit. Un pixel est soit visible, soit invisible, rien entre les deux. Le pixel art s'en tire bien parce que ses bords sont déjà durs. Ce qui souffre, c'est tout ce qui est doux. Une lueur diffuse, une ombre semi-transparente ou un contour anti-aliasé durcit en bord dentelé au lieu de s'estomper.

Deux choses aident. Aplatissez les ombres douces sur la couleur d'arrière-plan avant d'exporter si le GIF ira sur un fond connu. Ou gardez les bords du sprite crénelés dès le départ, ce que fait le convertisseur en pixel art quand il quantifie une image.

Sheets qui ne sont pas une grille régulière

Ce convertisseur a besoin d'une grille régulière, chaque frame de la même taille dans des cellules également espacées. Ça couvre presque toutes les sheets qu'un moteur de jeu ou un outil d'animation exporte.

Les atlas compactés sont l'exception. Un atlas TexturePacker ou Starling stocke des frames de tailles différentes dans la disposition qui rentre, avec les rectangles listés dans un fichier .json ou .xml à part. Ces données ne sont pas lues ici. Si vos frames varient en taille, le créateur de sprite sheets lit les atlas JSON et peut réassembler les frames en grille régulière, que cet outil convertit ensuite.

C'est l'accroc habituel avec une sheet de personnage Friday Night Funkin'. Les assets FNF arrivent en atlas Sparrow XML, donc les frames sont compactées à des tailles variées et le XML contient les coordonnées. Réassemblez en grille d'abord, puis convertissez.

Les sprites de Scratch fonctionnent pareil. Un fichier .sprite3 est un conteneur, pas une image. Exportez d'abord les costumes en PNG, disposez-les en grille et convertissez ça.

Choisir des FPS

L'aperçu joue à la vitesse du curseur, donc le plus rapide est de le glisser jusqu'à ce que le mouvement ait l'air bon, plutôt que de le calculer d'avance.

Dans l'autre sens

Cet outil convertit seulement des sheets en GIF. Pour l'inverse, découper un GIF animé en sprite sheet PNG, utilisez le convertisseur GIF en sprite sheet.

S'il vous faut les frames individuelles plutôt qu'une animation, la découpe de sprite sheet coupe une sheet en fichiers PNG séparés. Passer de sprites en vrac à un GIF, c'est le même travail à l'envers. Assemblez-les en sheet avec le créateur de sprite sheets et ramenez ça ici.

Convertir un seul sprite en GIF est le seul cas où cet outil ne peut pas aider, parce qu'une frame n'est pas une animation. L'Animateur IA de Sprite AI (sprite-ai.art) génère un cycle de marche, d'attente ou d'attaque à partir d'un sprite fixe, et la sheet qu'il rend se convertit ici.