Générateur de sprite sheet

Combinez des images en une seule feuille de sprites

Un sprite sheet regroupe plusieurs images dans un seul PNG accompagné d'un fichier de métadonnées (CSS ou JSON) indiquant la position de chaque image. Utilisations courantes : animations de jeux, jeux d'icônes web et poses de personnages — une seule image au lieu de dizaines pour des pages plus rapides et des animations plus fluides.

Glissez-déposez ou cliquez pour envoyer

PNG, JPG, WebP, SVG, GIF

Qu'est-ce que Générateur de sprite sheet ?

Le Générateur de Sprite Sheet combine plusieurs images individuelles en une seule feuille de sprites optimisée. Importez vos frames ou icônes, configurez la disposition (grille ou compacte) et exportez l'image combinée avec les coordonnées CSS ou les métadonnées JSON.

Comment utiliser

  1. Importez les images individuelles que vous souhaitez combiner en sprite sheet.
  2. Définissez le mode de disposition (grille ou compact), l'espacement et les dimensions de sortie.
  3. Téléchargez l'image de la sprite sheet accompagnée des données de position CSS ou JSON.

Résultat

Un développeur de jeux importe 16 frames d'animation de personnage (64×64 chacun). L'outil les agence en grille 4×4, produisant une sprite sheet de 256×256 avec les coordonnées JSON des frames pour le moteur de jeu.

Outils similaires