Générateur de pixel art

Configurer
Chargement de l’éditeur de pixels…

Dessinez votre pixel art à la main sur une grille logique vierge, sans prompt, conversion de photo ni import d’image. Choisissez une toile allant jusqu’à 64×64, dessinez au crayon, à la gomme ou avec le remplissage délimité, prélevez des couleurs, reflétez vos traits, annulez vos modifications et exportez un sprite transparent. L’éditeur fonctionne dans votre navigateur et conserve le projet dans l’onglet actif.

Comment dessiner du pixel art de A à Z

  1. 1

    Choisissez la grille logique

    Nommez le projet et réglez sa largeur et sa hauteur entre 4 et 64 pixels. Des préréglages créent rapidement une toile carrée.

  2. 2

    Dessinez et peaufinez

    Utilisez le crayon, la gomme, le remplissage ou la pipette avec votre palette. Activez le dessin en miroir horizontal ou vertical et annulez des traits entiers.

  3. 3

    Vérifiez le sprite

    Contrôlez ses dimensions logiques, le nombre de pixels colorés et le nombre de couleurs avant l'export.

  4. 4

    Exportez un fichier net

    Téléchargez un PNG transparent à échelle entière, un SVG compact ou le JSON validé du projet pour le reprendre plus tard.

Un éditeur de pixel art conçu pour le dessin sur grille

Le pixel art se construit cellule par cellule. Cet éditeur démarre sur une grille vierge et transparente, puis conserve une couleur, ou la transparence, pour chaque pixel logique. Il ne transforme pas une photo en blocs de couleurs moyennes : utilisez le Pixéliseur d’image pour ce processus distinct. Il ne génère pas non plus d’image à partir d’un prompt d’IA.

Une petite grille oblige à travailler une silhouette plus lisible, tandis qu’une grille plus grande laisse davantage de place aux ombres et aux accessoires. Voici des points de départ pratiques, et non des règles propres à une plateforme :

Toile logique Point de départ conseillé
8×8 Minuscules symboles, exercices de glyphes et tuiles simples
16×16 Icônes d’interface, objets d’inventaire et sprites compacts
32×32 Personnages, créatures et objets de jeu
64×64 Sprites détaillés, portraits et illustrations autonomes plus grandes

Agrandissez les pixels sans les flouter

L’export PNG applique une échelle entière et désactive le lissage. Chaque pixel source d’une image 16×16 devient donc exactement un carré de 4×4, 8×8 ou davantage, sans contour flou. Le damier et la grille facultative ne sont que des repères de l’éditeur : ils ne figurent jamais dans le fichier. Les cellules transparentes le restent.

L’export SVG utilise des rectangles aux bords nets et omet les cellules transparentes. Le JSON du projet conserve la grille logique modifiable et la palette de travail. Il s’agit d’un format de projet Hyperion, et non d’un substitut aux formats multicalques des logiciels de pixel art.

Outils de dessin et fonctionnement du miroir

  • Crayon colore les cellules et relie les échantillons rapides du pointeur afin d’éviter les trous dans un trait.
  • Gomme rend les cellules transparentes.
  • Remplissage modifie une zone connexe par quatre côtés ; les zones qui ne se touchent qu’en diagonale restent séparées.
  • Pipette sélectionne la couleur d’une cellule. Prélever de la transparence active la gomme.
  • Dessin en miroir reflète l’action de gauche à droite, de haut en bas, ou dans les deux sens. Les lignes et colonnes centrales ne sont appliquées qu’une fois.

La souris, le stylet, le tactile et le clavier utilisent tous la même grille logique. Placez le focus sur la toile, déplacez la cellule active avec les touches fléchées, puis appuyez sur Espace ou Entrée pour appliquer l’outil choisi. P, E, F et I sélectionnent les outils ; Suppr efface ; Ctrl/Cmd+Z annule.

Fonctionnement dans le navigateur et références techniques

L’éditeur s’appuie sur l’API Canvas, les Pointer Events et le contrôle du lissage d’image. La création du PNG utilise l’API d’export vers un Blob. Les interactions au clavier et au pointeur suivent les recommandations d’utilisation des WCAG 2.2.

Le dessin, son nom et sa palette restent dans l’état local du navigateur ; ils ne sont ajoutés ni aux URL ni aux données de nos serveurs. Les requêtes de page ordinaires ont toujours lieu lorsque vous changez d’étape dans l’assistant. Si le stockage de l’onglet est indisponible, l’éditeur complet sur une seule page continue à fonctionner en mémoire, mais l’assistant bloque la navigation pour éviter de perdre le projet sans avertissement.

Questions fréquentes

Non. C’est un éditeur manuel de pixel art sur grille vierge. Vous choisissez chaque couleur et dessinez chaque cellule avec le crayon, la gomme, le remplissage, la pipette et, si vous le souhaitez, le miroir. Il n’accepte aucun prompt et ne fait appel à aucun service génératif.

Cet outil crée une nouvelle illustration à partir d’une grille vierge. Un pixéliseur part d’une photo ou d’une illustration importée et la réduit en blocs plus grands de couleurs moyennes. Les deux outils répondent à des besoins différents.

Essayez 16×16 pour une petite icône ou 32×32 pour un personnage ou un objet. Commencez plus petit pour travailler les silhouettes et ne passez à 64×64 que si le dessin exige plus de détails. La largeur et la hauteur sont réglables séparément de 4 à 64 pixels.

Oui. Les cellules vierges ou effacées ont un canal alpha nul dans le PNG. Le damier de l’éditeur sert uniquement à signaler la transparence et n’est pas exporté.

L’export agrandit chaque pixel logique selon un facteur entier exact, avec le lissage désactivé. Il n’interpole aucune couleur intermédiaire entre les cellules voisines.

Non. La version 1 ne modifie qu’une seule image fixe. Exportez ici chaque illustration, puis utilisez le Générateur de planches de sprites pour regrouper les images terminées dans un atlas.

La toile accepte la souris, le stylet et un doigt. Elle est également utilisable au clavier : les flèches déplacent la cellule active, Espace ou Entrée applique l’outil et les touches alphabétiques sélectionnent les outils.

L’éditeur n’envoie ni le dessin, ni le nom du projet, ni la palette, ni les fichiers exportés. Le projet reste dans l’onglet de votre navigateur. Des requêtes web normales ont toutefois lieu lorsque vous ouvrez la page ou changez d’étape.

Outils similaires

Outil disponible dans d’autres langues