Créer du Pixel Art en Ligne
Partez d'un canevas vierge avec un vrai éditeur : calques, opacité, modes de fusion, palette vivante, historique complet et export vectoriel.
Turn Pictures Into Pixel Art
Transformez vos photos en pixel art en quelques secondes. Modifiez chaque pixel, animez-le et téléchargez votre création.
🔒 Vos images ne quittent jamais votre appareil. Tout fonctionne dans votre navigateur.
Sakura
Fait avec PixiMelon · Importez. Pixellisez. Modifiez. Animez. Téléchargez.
Transformez votre photo en pixel art
Importez une photo et créez du pixel art en quelques secondes.
Glissez-déposez votre photo ici
ou
PNG · JPG · WEBP · SVG · PDF · AI — vous pouvez aussi coller une image (Ctrl/⌘ + V)
Créer un pixel art
Choisissez une taille de canevas pour dessiner.
Animer du Pixel Art
Choisissez une taille de canevas pour animer.
Transformez votre vidéo en pixel art
Importez une vidéo et créez une animation pixel art en quelques secondes. Tout fonctionne sur votre appareil.
Glissez-déposez votre vidéo ici
MP4 · WebM · MOV — traité localement, jamais téléversé
Traitement de l’image 1 / 1
Le bon canevas de départ
16 × 16 pour icônes et mini-sprites, 32 × 32 pour le sprite classique, 64 × 64 pour le détail, 128 × 128 pour les scènes — ou toute taille perso de 4 à 2048 px par côté. La taille courante reste affichée, et les champs L × H redimensionnent (en mettant l’œuvre à l’échelle) à tout moment.
Les outils fournis
- Crayon (B) — un pixel par clic ; Maj pour les droites, Alt pour pipetter sans changer d’outil.
- Gomme (E) — efface vers le transparent ; Alt + clic supprime toute la couleur connectée.
- Remplissage (G) — respecte les contours, ne fuit jamais par les bords gommés.
- Pipette (I) — échantillonne tout pixel visible, tous calques.
- Main (Espace) et Déplacer — déplacent la vue, ou tout le calque actif.
- Annuler / Rétablir — Ctrl/⌘ + Z, Ctrl + Maj + Z ou Ctrl + Y, historique profond.
- Effacer et Importer — vide le calque actif, ou importe photo, SVG ou PDF en nouveau calque.
Calques, opacité, fusions
Calques nommés multiples : visibilité, verrou, réordre, opacité par calque et sept fusions (Normal, Multiply, Screen, Overlay, Darken, Lighten, Difference). Copiez-collez des calques entiers (Ctrl/⌘ + C/X/V) — collage intelligent : nouveau calque dans la même image, calque correspondant entre images d’animation. Dans l’animateur, 🔗 partage un calque sur toutes les images : la méthode des fonds.
La couleur sans chaos
Le panneau fusionne vos teintes et les couleurs déjà posées (jusqu’à 48) : la palette se construit en dessinant. « + Ajouter » mémorise, « − Retirer » nettoie. Travailler petit est une technique — le guide palettes montre le vrai besoin.
Zoom, grille, tactile
Zoom molette et boutons, ajustement, 100 % réel, grille auto quand les pixels sont grands. Déplacement : bouton central, outil Main ou Espace + glisser. En tactile, tout passe par Pointer Events : doigts et stylets dessinent directement.
Export et sauvegarde auto
PNG en taille native (1×), SVG vectoriel, PDF vectoriel — le nom du projet devient le nom de fichier. Sauvegarde auto dans votre navigateur (localStorage) plus fichiers projet (.piximelon.json) pour archiver ou changer d’appareil. Pour débuter : créer du pixel art.
Questions fréquentes
Quelle taille pour débuter ?
32 × 32 : le sprite classique et le meilleur défaut. 16 × 16 pour icônes, 64 × 64 pour portraits.
Combien de calques ?
Pas de limite fixe — seule la mémoire compte. Nommez, verrouillez, préférez opacité et fusions à l’aplatissement précoce.
Sauvegarde automatique ?
Oui, dans votre navigateur (localStorage), plus fichiers projet manuels. Vider les données du site l’efface : téléchargez le projet pour l’important.
Décalquer une photo ?
Oui — Importer la place en nouveau calque, dessinez au-dessus, masquez ou supprimez la référence.
Que fait le redimensionnement L×H ?
Il met l’œuvre à l’échelle des nouvelles dimensions — rééchantillonne, ne recadre jamais en silence. Annulable, et l’animateur met toutes les images à l’échelle d’un coup.
Comment tracer des lignes droites ?
Maintenez Maj en dessinant au crayon ou à la gomme : un aperçu redresse le trait avant de relâcher.
Stylet ou tablette graphique possibles ?
Oui. Tout passe par Pointer Events : souris, doigts et stylets dessinent directement sur le canevas.
Un sprite avec transparence, comment faire ?
Gommez jusqu’à l’alpha où creuser, puis exportez PNG : le canal alpha est conservé exact.