Chevalier en pixel art qui court
Six images sur fond transparent, trouvées par le fond et mises à la même taille : l’animation se joue sans à-coups.
Découper une sprite sheet : chaque sprite en PNG
Déposez votre fichier : cet outil gratuit pour découper une sprite sheet trouve chaque sprite sur un fond transparent ou uni, ou la découpe par grille. Téléchargez les images en PNG, en GIF animé en boucle ou en atlas JSON, le tout dans votre navigateur.
Découpe de sprite sheetGratuit · dans votre navigateur
Déposez une sprite sheet ici
PNG, JPG, WebP ou GIF. Tout reste dans votre navigateur.
- Gratuit, dans votre navigateur
- Trouve les sprites par le fond
- Grille par nombre ou taille de case
- PNG, GIF et atlas JSON
Exemples de découpe de sprite sheet
Huit sprite sheets créées pour ces exemples, chacune découpée par l’outil de cette page. Ouvrez-en une pour essayer chaque réglage.
Objets de RPG sur fond magenta
Douze icônes d’inventaire sur un fond magenta uni, chacune découpée en PNG transparent.
Jeu d’icônes d’application sur fond blanc
Douze icônes plates ; les parties séparées de quelques pixels, comme les roues d’un chariot, restent avec leur icône.
Effet d’explosion, grille 4 × 2
Huit images d’effet découpées par colonnes et lignes, puis lues en GIF en boucle.
Slime qui rebondit sur place
Quatre images avec leur ombre au sol, alignées en bas au centre pour l’animation.
Pièce qui tourne, grille 8 × 1
Huit images avec un léger halo ; le réglage des halos légers garde chaque pièce séparée.
Tileset de jeu de plateforme
Seize tuiles qui se touchent, découpées avec une taille de case de 128 px.
Planche de stickers emoji
Douze visages sur un fond gris clair, prêts à devenir des stickers de messagerie.
Comment découper une sprite sheet
Trois étapes pour découper une sprite sheet, et tout reste sur votre appareil.
Déposez, collez ou choisissez un PNG, JPG, WebP ou GIF. Le fichier reste sur votre appareil.
« Par le fond » trouve chaque sprite sur la transparence ou sur une couleur unie, magenta et blanc compris. « Par grille » découpe des cases égales par colonnes et lignes ou par taille de case, avec décalage et espacement.
Enregistrez chaque sprite en PNG dans un seul ZIP, lisez l’animation et enregistrez un GIF animé, ou prenez un atlas JSON pour votre moteur de jeu.
Les points forts de cet outil de découpe de sprite sheet
Six atouts pour découper une sprite sheet, d’un simple jeu d’icônes à une animation complète.
Sprite sheetFond transparent ou uni
L’outil lit le fond sur les bords de la sprite sheet : transparence, magenta, blanc ou toute couleur unie, selon la tolérance que vous réglez. Chaque sprite sort en PNG transparent.
Sprite sheetChaque partie reste avec son sprite
Les morceaux séparés de quelques pixels, comme l’éclat d’une épée, une ombre ou les roues d’un chariot, rejoignent leur sprite, et les points minuscules sont écartés. Les sprites sont numérotés dans l’ordre de lecture.
Des images d’animation bien alignées
« Images de même taille » place tous les sprites sur un même format de canevas, en bas au centre, pour que les pieds restent au sol. Lisez l’animation à la vitesse de votre choix et enregistrez un GIF en boucle.
Un atlas JSON pour votre moteur
Téléchargez le nom et la position de chaque image au format JSON Hash, lu par Phaser et PixiJS, avec les PNG.
Grilles, pixel art et marges
Découpez par colonnes et lignes ou par taille de case, avec décalage et espacement, ignorez les cases vides, ajoutez une marge et agrandissez le pixel art 2× ou 4× avec des pixels nets.
Les fonds chargés passent à l’IA
Une image sans fond net, comme une scène peinte ou une photo, passe en un clic à l’outil IA « Découper une image », qui détoure chaque objet pour 1 crédit.
Guide : des sprites nets à chaque découpe
Six conseils rapides pour obtenir des sprites nets avec cet outil.
Choisissez le bon mode
Utilisez « Par le fond » quand les sprites sont séparés sur la transparence ou sur une couleur unie, même avec des espacements irréguliers. Utilisez « Par grille » quand chaque image occupe une case égale, ou quand les tuiles se touchent.
Réglez la tolérance de couleur
Augmentez la « Tolérance de couleur » s’il reste un peu de fond autour des sprites ; baissez-la si des parties d’un sprite disparaissent. Choisissez la couleur du fond à la main quand les bords de la sprite sheet sont chargés.
Réunir les parties, écarter les points
« Réunir les parties à moins de » garde les morceaux séparés avec leur sprite ; augmentez la valeur pour les icônes faites de plusieurs parties. « Ignorer les points sous » retire les points isolés. Sur une sprite sheet transparente, le réglage des halos légers garde séparés les sprites lumineux.
Des images pour l’animation
Activez « Images de même taille » pour les cycles de marche et les effets, vérifiez l’animation, puis enregistrez le GIF ou le ZIP. Les images découpées par grille gardent la taille de case, sauf si vous les rognez.
Pixel art
Agrandissez 2× ou 4× pour obtenir des images plus grandes et nettes, pour un aperçu ou une page de boutique ; chaque pixel reste carré.
Ce que vous téléchargez
Chaque PNG porte le nom de votre fichier et un numéro dans l’ordre de lecture. L’atlas JSON garde la place de chaque image sur la sprite sheet d’origine.
À qui sert la découpe de sprites
Les raisons les plus courantes de découper une sprite sheet.
Développeurs de jeux
Découpez une sprite sheet téléchargée ou ancienne en images pour reconstruire les animations dans votre moteur.
Artistes en pixel art
Découpez vos propres sprite sheets en images séparées, agrandissez-les avec netteté et partagez des aperçus animés.
Designers d’applications et de sites web
Extrayez chaque icône d’une planche d’icônes en PNG transparent.
Créateurs de stickers et d’emoji
Découpez une planche de stickers ou d’emoji en un fichier par sticker pour les messageries.
Questions fréquentes sur les sprite sheets
Réponses sur la découpe, les fichiers et la confidentialité.
Ouvrez la sprite sheet, laissez « Par le fond » ou passez à « Par grille », vérifiez les cadres affichés sur la sprite sheet, puis téléchargez le ZIP de PNG, le GIF animé ou l’atlas JSON.
Oui. Il fonctionne entièrement dans votre navigateur, sans compte et sans filigrane.
Non. La sprite sheet est lue et découpée sur votre appareil ; rien n’est envoyé à un serveur, et l’outil continue de fonctionner hors ligne une fois la page chargée.
Oui. L’outil lit la couleur du fond sur les bords de la sprite sheet et la rend transparente dans chaque PNG. Ajustez la tolérance de couleur ou choisissez la couleur à la main.
Utilisez « Par grille » avec des colonnes et des lignes ou une taille de case, plus le décalage et l’espacement. Les cases vides sont ignorées, et chaque image garde la taille de case pour les animations.
Oui. Lisez l’animation à la vitesse de votre choix et enregistrez un GIF en boucle sur fond transparent.
Le format JSON Hash est lu par Phaser, PixiJS et de nombreux autres moteurs et outils ; il indique le nom et la position de chaque image sur la sprite sheet.
Découpez-la par grille, ou envoyez-la à l’outil IA « Découper une image », qui trouve et détoure chaque objet pour 1 crédit.
Découper une sprite sheet dès maintenant
Ouvrez une sprite sheet et téléchargez chaque sprite en PNG en quelques secondes, gratuitement et dans votre navigateur.
Ouvrir une sprite sheet