Ajouter une sprite sheet

Déposez la sprite sheet à découper (PNG, JPG, WebP ou GIF). La grille est détectée pour vous. Ajoutez son atlas .json et la découpe le suivra.

Sprites récents

Découpe de sprite sheet gratuite : séparez une sheet en frames

Une découpe de sprite sheet qui trouve la grille pour que vous n'ayez pas à le faire. Déposez une sheet finie et elle est balayée pour trouver sa taille de cellule répétée, les lignes de coupe apparaissent sur l'image, et chaque frame ressort en PNG dans un ZIP. Si vous avez l'atlas JSON de la sheet, donnez-le plutôt et les coupes suivent ses rectangles exacts, la seule façon fiable de découper un atlas compacté. Rien n'est envoyé. Le décodage et la découpe se font dans votre navigateur, donc pas de file d'attente, pas de compte, pas de filigrane.

Comment ça fonctionne

  1. Déposez la sprite sheet à découper, ou son ZIP avec l'atlas à côté
  2. La sheet est balayée pour trouver une grille répétée et les lignes et colonnes se remplissent pour vous
  3. Vérifiez les lignes de coupe sur l'aperçu. Ajustez les lignes et colonnes si l'estimation a besoin d'aide, ou fournissez un atlas .json pour couper sur des rectangles exacts
  4. Faites le ménage sur la timeline. Glissez pour réordonner, supprimez les cellules vides de fin, masquez les frames à laisser de côté
  5. Téléchargez chaque frame en PNG dans un ZIP, prenez juste la frame sélectionnée, ou réassemblez la sheet avec une nouvelle disposition

Fonctions

  • Découpe une sprite sheet en frames PNG séparées, grille trouvée automatiquement
  • Télécharge tout le jeu en ZIP, ou une seule frame sélectionnée
  • Lit un atlas JSON TexturePacker, Phaser ou Pixi et coupe sur ses rectangles exacts
  • Accepte un ZIP qui contient une sheet et son atlas ensemble
  • Affiche les lignes de coupe sur la sheet avant de confirmer, donc une mauvaise estimation saute aux yeux
  • Garde la transparence de chaque frame et coupe à la limite du pixel, sans rééchantillonnage ni flou
  • Rend les frames à leur taille d'origine, pas élargies à une cellule commune
  • Les frames découpées arrivent sur une timeline où vous pouvez réordonner, élaguer ou masquer avant l'export
  • Appuyez sur lecture pour vérifier que la coupe tombe sur des frames entières, pas des moitiés
  • Accepte les sheets jusqu'à 4096 par 4096 pixels, découpées en 256 frames au maximum
  • Le décodage, la détection et la découpe se font sur votre propre machine

Cas d'usage

  • Sortir une frame d'une sheet pour la modifier seule
  • Redécouper une sheet dont personne n'a noté les lignes et colonnes
  • Obtenir des PNG individuels d'un ensemble d'assets livré seulement en sheet assemblée
  • Décompacter un atlas TexturePacker pour retrouver les frames d'origine
  • Séparer un tileset téléchargé en tuiles distinctes pour un éditeur de cartes
  • Retirer les cellules vides de fin d'une sheet complétée pour remplir sa grille

FAQ

Déposez la sheet et elle est balayée à la recherche d'une grille répétée. S'il y en a une, les lignes et les colonnes se remplissent pour vous, donc la plupart des sheets sont prêtes à découper dès leur arrivée. Vérifiez les lignes de coupe dans l'aperçu et corrigez les nombres si l'estimation est fausse. Puis choisissez « Un PNG par frame » dans le menu de téléchargement pour obtenir tout le jeu en ZIP.

Oui. Cliquez sur la frame voulue dans la timeline, puis choisissez « Cette frame seule » dans le menu de téléchargement. Vous obtenez ce seul PNG, à la taille qu'il avait dans la sheet. C'est le chemin le plus court quand il vous faut une seule pose d'une sheet que quelqu'un d'autre a assemblée, et ça évite de décompresser un ZIP pour en jeter la majorité.

Oui, et c'est la partie que la plupart des gens ratent à la main. L'image est balayée pour trouver la taille de cellule répétée, au lieu de vous faire compter des pixels. La détection fonctionne sur les sheets à cellules régulières, soit presque toutes. Quand une sheet a un espacement irrégulier ou des cellules vides à la fin, réglez les lignes et les colonnes vous-même et l'aperçu suit pendant que vous tapez.

Déposez-le avec la sheet et les coupes suivent les rectangles exacts de l'atlas au lieu d'une grille estimée. C'est le chemin précis pour les sheets assemblées par TexturePacker, Phaser ou Pixi, où les frames sont compactées à des tailles différentes sans grille régulière. Un .json seul attend la sheet à laquelle il appartient.

Oui. Chaque frame ressort en PNG avec son canal alpha intact, coupée à la limite du pixel sans rééchantillonnage, donc rien n'est adouci ni frangé. Ce qui était transparent dans la sheet l'est dans la frame. Les frames sortent aussi à leur taille d'origine, pas élargies à une cellule commune.

Non. Le décodage, la détection de grille et la découpe tournent dans votre navigateur, sur votre machine. Votre sheet ne quitte jamais votre ordinateur et il n'y a rien à attendre, ce qui veut aussi dire que ça marche sur des dessins que vous n'êtes pas prêt à montrer. Gratuit, sans compte, sans filigrane.

Jusqu'à 4096 par 4096 pixels et 25 Mo par fichier, découpés en 256 frames au maximum. Ça couvre un jeu d'animations de personnage complet ou un bon tileset. Si une sheet donnerait plus de 256 frames, les extras sont refusés avec un avis plutôt que perdus en silence.

Oui. Une fois découpées, les frames arrivent sur la timeline en bas. Glissez pour réordonner, supprimez celles que vous ne voulez pas, et utilisez l'icône d'œil pour laisser une frame hors de l'export. Appuyez sur lecture pour les voir défiler en ordre. Les cellules vides de fin d'une grille inégale s'enlèvent le plus facilement ici.

Oui, les réglages de disposition restent disponibles après la découpe. Vous pouvez réassembler avec un autre nombre de colonnes, un autre espacement ou une autre échelle, et télécharger le résultat en sheet. Si l'assemblage est tout ce que vous cherchez, le [créateur de sprite sheets](/tools/sprite-sheet-maker) part plutôt d'un lot d'images en vrac.

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