Aller au contenu

GIF to sprite sheet

Utilisez cet outil GIF to sprite sheet pour placer chaque image d'un GIF animé dans une seule image PNG. L'outil conserve l'ordre des images, afin que vous puissiez charger toute l'animation en une seule image, par exemple dans un moteur de jeu. Choisissez votre disposition, puis lancez la tâche. Le sprite sheet GIF est fourni en PNG, avec un fichier JSON facultatif.

  • Les tailles et durées indiquées sur cette page ont été mesurées sur une animation de test générée, et non sur une vidéo réelle. Vos résultats varieront selon le fichier.
  • L'outil traite un fichier à la fois. Consultez les limites ci-dessous avant de lancer une tâche volumineuse.
  • La feuille est limitée à 16384 px de côté et à 16,8 mégapixels au total. La page vous avertit avant le traitement.

Déposez une image ici

PNG, JPG, WebP, AVIF, GIF, BMP ou TIFF, jusqu'à 5 MB

Les images sont placées de gauche à droite, puis de haut en bas. Laissez vide pour une grille à peu près carrée.

Chaque case contient l'image complète d'une image de l'animation. Les cases vides à la fin sont transparentes. Les images ne sont ni recadrées ni dédupliquées.

Effectuez la vérification de sécurité pour activer le bouton.

Résultat

Votre PNG apparaîtra ici.

L'outil web gratuit accepte des images jusqu'à 5 MB, 30 par jour. Connecté, la limite est de 10 MB.

Conservation : les résultats des outils web sont supprimés après 10 minutes. Les résultats de l'API sont conservés 1 jour avec la formule gratuite et 7 jours avec Starter et Pro (30 jours avec Business et Scale). Un historique de chaque tâche (type, heure, statut et crédits, mais pas ce que vous avez envoyé) est conservé pendant 30 jours sans compte, ou tant que votre compte existe si vous êtes connecté.

  • Aucun compte nécessaire

    30 images par jour gratuitement, sans filigrane.

  • Modifié image par image

    Les images de l'animation sont décodées une fois, modifiées puis encodées une fois. Le fichier d'origine n'est pas modifié, et le fichier importé est supprimé à la fin de la tâche.

  • Supprimés automatiquement

    Les résultats de l'outil web sont supprimés après 10 minutes.

Confidentialité : ce que vous envoyez sert uniquement à créer ce fichier. Ce que vous envoyez est supprimé à la fin de la tâche, y compris de l'historique de la tâche, et le résultat est supprimé après 10 minutes. Voir la politique de confidentialité.

Faites la même chose depuis votre code

La même conversion sous forme de requête API : envoi des octets de l'image, puis interrogation de la tâche. Elle nécessite une clé API ; un compte gratuit permet d'en créer une.

curl -X POST "https://api.aiipworld.com/v1/image-jobs?op=gif_edit&action=sprite" \
  -H "Authorization: Bearer $AIIPWORLD_API_KEY" \
  -H "Content-Type: image/gif" \
  --data-binary @input.gif

# returns {"job_id": "...", "status": "queued", "credits_reserved": 1}; then poll:
curl https://api.aiipworld.com/v1/jobs/JOB_ID -H "Authorization: Bearer $AIIPWORLD_API_KEY"

Lots

L'outil web traite 1 image à la fois. L'API prend une requête par image, vous pouvez donc automatiser autant de requêtes que votre formule le permet.

Conservation

Les résultats des outils web sont conservés 10 minutes ; les résultats gratuits de l'API 1 jour ; les résultats de Starter et Pro 7 jours ; Business et Scale 30 jours. L'outil web permet 10 conversions par minute et 50 par jour et par visiteur.

En une phrase

Un outil gratuit en ligne qui place chaque image d'un GIF ou WebP animé dans un sprite sheet PNG, en grille, en ligne ou en colonne, avec un fichier JSON facultatif des positions et durées des images.

Points clés

  • Entrée : un GIF ou WebP animé, jusqu'à 5 MB dans l'outil gratuit et 10 MB lorsque vous êtes connecté, et jusqu'à 16 MP (4096 x 4096) par image.
  • Sortie : un PNG avec une image complète par cellule, de gauche à droite puis de haut en bas, les cellules vides à la fin étant transparentes ; avec l'option JSON, le téléchargement est une archive ZIP contenant sprite.png et sprite.json.
  • Une feuille peut mesurer au maximum 16384 px de côté et 16,8 mégapixels au total ; une feuille plus grande est refusée et sa taille est indiquée dans le message.
  • Lors de notre test, un GIF généré de 24 images, de 160 x 120 px et de 60 KB, est devenu un PNG de 800 x 600 px de 56 KB avec 5 colonnes et 5 lignes ; l'animation de test a été générée par nos scripts et les résultats varient.
  • Le fichier envoyé est supprimé à la fin de la tâche et le résultat après 10 minutes ; les utilisateurs connectés paient 1 crédit par fichier, plus 1 crédit par tranche de 5 MB entamée du résultat au-delà des 5 MB initiaux et 1 crédit par tranche de 10 MP entamée d'images au-delà des 10 MP initiaux.
  • Gratuit sans compte : jusqu'à 10 conversions par minute et 50 par jour et par visiteur, sans filigrane. Connecté, chaque rendu coûte 1 crédit (100 crédits gratuits chaque mois).
  • Les fichiers sont supprimés automatiquement : 10 minutes après la conversion sans compte, 1 jour avec un compte gratuit.
  • Les développeurs peuvent lancer la même tâche avec POST https://api.aiipworld.com/v1/image-jobs?op=gif_edit (l'image dans le corps de la requête, les paramètres dans la chaîne de requête) et une clé API (voir la page Documentation de l'API).

Sources

Dernière vérification:

Fonctionnement

  1. Importez un GIF animé ou un WebP animé. Le navigateur vérifie le type de fichier, la taille et le nombre d'images avant l'envoi.
  2. Laissez « Disposition » sur « Grille » avec des colonnes automatiques, ou choisissez « Une ligne » ou « Une colonne ».
  3. Cliquez sur « Créer le sprite sheet » et attendez la fin de la tâche.
  4. Vérifiez la taille de la feuille et la grille dans le panneau de résultat.
  5. Téléchargez votre sprite sheet PNG.

Exemple de résultat

Original GIF, 160 x 120 px, 24 frames, 60 KB

The sample animated GIF before it is made into a sprite sheet

Sprite sheet, 800 x 600 px, 5 columns x 5 rows, 56 KB

L'exemple de GIF animé en sprite sheet de 5 colonnes et 5 lignes
Une animation de test générée (160 x 120 px, 24 images, 1,9 s, GIF de 60 KB) en sprite sheet avec colonnes automatiques : un PNG de 800 x 600 px de 56 KB, 5 colonnes x 5 lignes, la dernière cellule vide. Converti par le moteur propre à ce site. Ouvrir le fichier converti (ou sélectionnez l'image) pour la voir en taille réelle.

Comment transformer un GIF en sprite sheet

Importez votre GIF animé et cliquez sur « Créer le sprite sheet ». L'outil lit chaque image et la place dans une cellule d'un seul PNG. Vous obtenez un fichier qui contient toute l'animation.

La ligne de résumé indique la taille de la feuille avant le traitement, et le panneau de résultat l'indique à nouveau après la tâche. Vérifiez-la avant d'utiliser le fichier dans votre projet.

Ce que fait cet outil GIF to sprite sheet

Cet outil prend un GIF animé et construit un sprite sheet à partir de ses images. Chaque cellule contient une image complète du GIF. Les images conservent leur ordre d'origine.

La sortie est un fichier PNG. Le PNG est sans perte, donc les pixels de chaque cellule correspondent à l'image d'origine. L'outil ne redimensionne, ne rogne et ne filtre pas les images.

Grille, une ligne ou une colonne

Vous pouvez disposer les images en grille, en une ligne ou en une colonne. Par défaut, il s'agit d'une grille avec des colonnes automatiques. Dans ce cas, le nombre de colonnes est la racine carrée du nombre d'images, arrondie au supérieur.

Vous pouvez aussi définir vous-même le nombre de colonnes. Une ligne convient aux animations courtes, et une colonne convient aux sprites de jeu en hauteur. Choisissez la disposition qui correspond à la façon dont votre projet charge les images.

Comment les images sont placées

Les images sont placées de gauche à droite, puis de haut en bas. La première image se trouve dans la cellule en haut à gauche. La dernière image se trouve dans la cellule qui vient en dernier dans la séquence.

Les images ne sont pas rognées et les images en double ne sont pas supprimées. Chaque image garde sa taille complète, donc chaque cellule a la même taille.

Le fichier JSON avec les positions et durées des images

Vous pouvez ajouter un fichier JSON qui liste la taille de l'image, la position et la durée de chaque image. Lorsque vous choisissez cette option, le téléchargement est un fichier ZIP contenant sprite.png et sprite.json.

Le fichier JSON liste la version, l'ordre, la taille de la feuille, la taille des images, les colonnes, les lignes, les images, le nombre de boucles et la durée totale en ms. Il liste aussi l'index, x, y et delay_ms de chaque image. Les navigateurs lisent une durée de 10 ms ou moins comme 100 ms, et le JSON indique les durées telles que les lit un navigateur.

Transparence et cellules vides

Le PNG conserve la transparence lorsque vos images ont des pixels transparents. Il la conserve aussi lorsque la dernière ligne n'est pas complète. Les cellules vides à la fin de la feuille sont transparentes.

Les images GIF ne comportent que des pixels entièrement transparents ou entièrement opaques. Votre feuille conserve ces valeurs. Cet outil n'ajoute ni marge ni espace entre les cellules.

Limites de taille des sprite sheets

Un sprite sheet peut mesurer au maximum 16384 px de côté. Le total peut atteindre au maximum 16 777 216 pixels, soit 16,8 mégapixels. Une feuille plus grande est refusée, et le message indique la taille qu'elle aurait eue.

La page affiche le même avertissement avant le traitement. Le résultat est aussi limité à 20 MB. Si votre feuille est trop grande, modifiez la valeur des colonnes ou redimensionnez d'abord le GIF avec les outils de redimensionnement ou de rognage.

Limites pour les animations

Lorsque vous êtes connecté, une animation peut comporter jusqu'à 300 images et 64 MP de pixels au total. Le total de pixels correspond à la largeur de l'image x sa hauteur x le nombre d'images. Sans compte, les limites sont de 100 images et 16 MP.

Chaque image est limitée à 16 MP (4096 x 4096). Au-delà d'une limite, la tâche échoue et vos crédits vous sont restitués. Le prix de base est de 1 crédit par fichier. Il comprend 10 mégapixels d'animation. Chaque tranche de 10 mégapixels entamée au-delà ajoute 1 crédit. Un résultat de plus de 5 MB ajoute aussi 1 crédit par tranche de 5 MB entamée au-delà des 5 MB initiaux.

Les fichiers acceptés par l'outil

Cette page accepte un GIF animé ou un WebP animé. Un fichier d'une seule image fonctionne aussi et donne une feuille d'une seule cellule. Un PNG, un JPG ou un autre fichier est refusé avec un message qui l'indique. L'outil lit le type de fichier à partir du contenu du fichier, et non de son nom.

Sans compte, vous pouvez importer jusqu'à 5 MB par fichier, et 30 fichiers par jour. Les utilisateurs connectés peuvent importer jusqu'à 10 MB par fichier. Chaque image peut aller jusqu'à 16 MP (4096 x 4096). Un résultat de plus de 20 MB échoue avec un message « output too large ».

Créer un sprite sheet à partir de code

Envoyez une requête POST à https://api.aiipworld.com/v1/image-jobs avec les octets bruts du fichier comme corps. Définissez Content-Type sur image/gif ou image/webp. Ajoutez op=gif_edit et action=sprite comme paramètres de requête.

Authentifiez-vous avec une clé API envoyée avec Bearer, ou avec l'en-tête x-api-key. Envoyez timeout_sec=60 pour les animations, qui est la valeur maximale. La page affiche un exemple prêt à l'emploi en cURL, Node et Python qui suit les réglages choisis. La documentation complète se trouve à /docs/#image-jobs.

Confidentialité : ce qui arrive à votre fichier

Votre fichier est envoyé à notre serveur, où il est traité avec sharp, une bibliothèque d'images open source basée sur libvips. Il s'agit d'un traitement d'image classique, et non d'intelligence artificielle. Votre fichier est supprimé dès la fin de la tâche, qu'elle réussisse ou échoue.

Les résultats gratuits sur le web sont conservés pendant 10 minutes. Les liens de téléchargement ont une durée de vie courte. Un enregistrement de chaque tâche est conservé, et les utilisateurs connectés peuvent voir leurs tâches dans le tableau de bord. Vous devez avoir le droit d'utiliser les fichiers que vous importez, comme le prévoit la politique d'utilisation acceptable.

Questions

Puis-je créer un sprite sheet à partir d'un GIF gratuitement ?

Oui, vous pouvez créer un sprite sheet GIF gratuitement dans la limite quotidienne, sans inscription. Sans compte, l'outil autorise 30 fichiers par jour et par visiteur.

Comment les images sont-elles ordonnées dans la feuille ?

Les images vont de gauche à droite, puis de haut en bas, dans leur ordre d'origine. La première image se trouve dans la cellule en haut à gauche.

Qu'est-ce qu'un sprite sheet ?

Un sprite sheet est une image unique qui contient plusieurs images disposées en grille, en ligne ou en colonne. Les jeux et applications chargent souvent toute l'animation depuis un seul fichier.

Puis-je choisir le nombre de colonnes ?

Oui, vous pouvez définir la valeur « Colonnes » pour une grille. Si vous la laissez vide, l'outil utilise la racine carrée du nombre d'images, arrondie au supérieur.

Que contient le fichier JSON ?

Le fichier JSON liste la version, l'ordre, la taille de la feuille, la taille des images, les colonnes, les lignes, les images, le nombre de boucles et la durée totale en ms. Il indique aussi les x, y et delay_ms de chaque image.

Le sprite sheet conserve-t-il la transparence ?

Oui, le PNG conserve la transparence lorsque vos images en ont une, ou lorsque la dernière ligne n'est pas complète. Les cellules vides à la fin sont transparentes.

Pourquoi ma feuille a-t-elle été refusée car trop grande ?

La feuille dépasse la limite de 16384 px de côté ou de 16,8 mégapixels au total. Modifiez la valeur des colonnes, ou redimensionnez ou rognez d'abord le GIF.

Puis-je créer un sprite sheet à partir d'un WebP animé ?

Oui, le WebP animé est accepté, comme le GIF. Un PNG, un JPG ou un autre fichier fixe est refusé.

Puis-je reconvertir le sprite sheet en GIF ?

Oui, utilisez la page Spritesheet vers GIF. Elle prend une image fixe et construit une animation à partir de sa grille d'images.

Combien de temps mon fichier est-il conservé ?

Votre fichier importé est supprimé dès la fin de la tâche. Les résultats gratuits sur le web sont conservés pendant 10 minutes. Un enregistrement de chaque tâche est conservé, et les utilisateurs connectés peuvent voir leurs tâches dans le tableau de bord.

Puis-je créer des sprite sheets en code ?

Oui, envoyez une requête POST à l'API image-jobs avec op=gif_edit et action=sprite. Utilisez timeout_sec=60 pour les animations.

Besoin de ceci dans votre application ou en masse ?

Cet outil fonctionne sur la même plateforme que l'API, donc le même image représente une seule requête HTTP depuis votre code. Un compte gratuit inclut 100 crédits par mois.

Outils associés