Oui, sans créer de compte. L’outil traite un seul GIF à la fois et n’ajoute pas de filigrane au PNG. Un filigrane déjà visible dans l’animation source reste toutefois dans l’image.
Convertir un GIF en sprite sheet
Réunissez les images complètes d’un GIF dans un PNG. Choisissez une grille ou une bande, réglez l’espacement et l’échelle, puis vérifiez et téléchargez le résultat.
Convertir un GIF en sprite sheet et réunir ses images dans un PNG
Cet outil de création de sprite sheets transforme les images complètes d’un GIF en un seul PNG transparent. Choisissez une grille, une bande horizontale ou une bande verticale, puis ajustez l’espacement et l’échelle. Le résultat est une image fixe à découper dans votre propre projet.
Pour créer une sprite sheet à partir d’un GIF, partez d’une animation enregistrée dont vous souhaitez réutiliser les images. Une sprite sheet, également appelée spritesheet, les regroupe dans des cellules de même taille. Leur ordre d’origine est conservé, y compris lorsque plusieurs images identiques sont enregistrées dans le GIF.
Comment créer une sprite sheet en ligne à partir d’un GIF
1
Choisir et importer un GIF
Sélectionnez sur votre appareil un GIF de 25 Mo maximum. L’envoi commence dès la sélection. Attendez sa fin avant de créer la sprite sheet.
2
Régler la disposition et la taille des images
Choisissez une grille, une bande horizontale ou une bande verticale. Pour la grille, laissez le nombre de colonnes en automatique ou indiquez-le vous-même. Les curseurs permettent d’ajuster l’espacement et l’échelle.
3
Créer le PNG, vérifier et télécharger
Cliquez sur « Créer la sprite sheet » pour lancer la conversion sur notre serveur. Une fois le résultat prêt, vérifiez l’aperçu et téléchargez le PNG. Vous pouvez modifier les réglages et convertir à nouveau le GIF déjà importé.
Grille, bande horizontale ou bande verticale ?
La disposition détermine les proportions du PNG. Choisissez celle qui convient à votre méthode de découpe et aux dimensions de texture acceptées par votre projet.
| Disposition | Quand l’utiliser | Point à vérifier |
|---|---|---|
| Grille | Pour regrouper les images sur plusieurs lignes. | Le mode automatique choisit les colonnes ; le mode personnalisé accepte de 1 à 240 colonnes. |
| Bande horizontale | Pour placer toutes les images sur une seule ligne, ou sprite strip. | Une animation longue peut produire un PNG très large. |
| Bande verticale | Pour disposer les images dans une seule colonne. | Vérifiez la hauteur du PNG avant de l’importer dans votre projet. |
Dans une grille, les images suivent l’ordre de gauche à droite, puis de haut en bas. Toutes les dispositions conservent la même séquence : changer l’arrangement ne supprime aucune image.
Adapter la sprite sheet aux besoins du projet
Colonnes automatiques ou nombre personnalisé
Le mode automatique tient compte du nombre et des dimensions des images pour former la grille. Indiquez le nombre de colonnes si votre projet attend une quantité précise de cellules par ligne.
Par exemple, huit images de 64 × 64 pixels placées sur trois colonnes, avec un espacement de 2 px et une échelle de 100 %, donnent un PNG de 196 × 196 pixels. Une cellule reste vide et transparente.
Espacer les images
L’espacement se règle de 0 à 32 pixels. Il vaut 0 par défaut : les cellules se touchent. Une valeur supérieure ajoute des espaces transparents entre elles.
Aucune marge n’est ajoutée autour du PNG. Lors de la découpe dans un autre logiciel, reprenez le même espacement pour ne pas inclure une partie de l’image voisine.
Une échelle de 50 % à 200 %
Le curseur d’échelle modifie la largeur et la hauteur de chaque image. Il accepte les pourcentages entiers de 50 % à 200 %. À 100 %, les dimensions du GIF d’origine sont conservées.
Le redimensionnement utilise le plus proche voisin : les contours des pixels restent nets plutôt que lissés. Une réduction peut toutefois supprimer des détails, et un agrandissement ne recrée pas les informations absentes du GIF.
Que change la conversion d’un GIF en sprite sheet ?
Un GIF peut enregistrer uniquement les zones modifiées au lieu d’une image entière à chaque étape. Le convertisseur reconstitue d’abord les images complètes, puis les place dans des cellules de même taille. Les pixels déjà transparents restent transparents ; un fond opaque reste dans l’image.
Chaque image enregistrée apparaît une fois, y compris les doublons. Le PNG ne contient ni animation à lire ni données de durée des images. Pour enlever des bordures inutiles avant la conversion, utilisez Recadrer un GIF, puis revenez avec l’animation modifiée.
Utiliser une sprite sheet dans votre animation
Ce générateur de sprite sheets utilise un GIF comme source. Importez le PNG dans votre éditeur ou moteur de jeu, puis réglez-y les dimensions des cellules et leur espacement. Vérifiez les limites de texture du projet : l’outil n’exporte pas de fichier de projet ou d’atlas propre à un moteur.
Pour une sprite sheet utilisée en CSS avec background-image, consultez le guide MDN des images sprites. Si vous avez besoin d’un fichier qui se lit directement dans un lecteur vidéo, utilisez plutôt GIF en vidéo.
Limites du GIF et du PNG obtenu
| Vérification | Limite |
|---|---|
| Fichier d’entrée | Un GIF de 25 Mo maximum |
| Images du GIF source | 240 maximum |
| Total de pixels des images source | 60 millions maximum : largeur × hauteur × nombre d’images |
| Dimensions du PNG | 8192 pixels maximum sur chaque côté |
| Nombre de pixels du PNG | 60 millions maximum : largeur de sortie × hauteur de sortie |
Toutes ces limites s’appliquent ensemble. Un GIF peu volumineux peut représenter beaucoup de pixels une fois décodé. Si le résultat dépasse une limite, essayez une grille, changez le nombre de colonnes ou réduisez l’échelle.
Questions sur les sprite sheets créées depuis un GIF
Le PNG est une image fixe qui rassemble les différentes vues de l’animation. Il ne contient ni les délais d’affichage ni le réglage de boucle du GIF. Après la découpe, définissez vous-même le rythme dans votre logiciel.
La transparence existante est conservée, tout comme celle des espaces et des cellules inutilisées. La conversion ne retire pas un fond opaque. Vérifiez les contours dans l’aperçu, surtout si les images doivent apparaître sur un autre fond.
La grille est composée de lignes complètes de cellules identiques. Si le nombre d’images ne remplit pas la dernière ligne, les positions restantes restent transparentes. Ce sont des espaces vides, pas des images supplémentaires à inclure dans la lecture.
Le convertisseur conserve toutes les images enregistrées dans le GIF et ne retire pas les doublons. La source peut contenir plusieurs fois la même vue. Le nombre de cellules remplies correspond au nombre d’images stockées.
Cette page les regroupe dans un seul PNG. Pour obtenir une séquence numérotée de fichiers individuels dans un ZIP, utilisez Extraire les images d’un GIF. Cette sortie convient à la retouche de chaque image séparément.
Il peut servir d’image source dans un projet qui sait découper une grille régulière. Configurez vous-même la taille des cellules, l’espacement et la lecture. Le téléchargement ne comprend que le PNG : vérifiez les réglages d’importation requis par votre moteur ou votre code.
GIF et PNG n’encodent pas les images de la même manière. Le résultat rassemble aussi toutes les images complètes sur une seule surface. Les espaces transparents et les cellules vides augmentent ses dimensions. Une échelle plus petite réduit les dimensions, mais ne garantit pas un fichier plus léger.
Créez votre sprite sheet à partir d’un GIF
Choisissez un GIF, disposez ses images complètes et téléchargez un PNG transparent pour votre projet.