Mode d'emploi
- Cliquez sur Choisir une photo ou déposez une image dans le cadre. La photo est lue sur votre appareil.
- Choisissez le Nombre de couleurs. De six à dix conviennent à la plupart des photos ; plus de couleurs donnent plus de détails et plus de peintures à acheter.
- Choisissez la Plus petite zone, puis cliquez sur Créer le dessin. Une grande photo peut prendre jusqu'à une minute.
- Lisez la Palette, puis enregistrez le contour avec Télécharger le contour (PNG) pour l'imprimer, ou l'aperçu en couleurs avec son propre bouton.
Comment le dessin est fait
Chaque pixel est regroupé avec d'autres de couleur voisine par une classification k-means dans l'espace CIE L*a*b*, dont les distances correspondent à ce que voit l'œil. Les groupes de départ sont choisis avec la méthode k-means++ et une graine fixe ; la même photo donne donc toujours le même dessin.
Les petites zones sont ensuite fusionnées avec le voisin avec lequel elles partagent la plus longue frontière, si bien que le dessin ne comporte aucune tache trop petite pour être peinte. Chaque zone connexe d'une même couleur est une zone. Les couleurs sont numérotées de la plus fréquente à la moins fréquente, et chaque zone reçoit le numéro de sa couleur. Le contour suit les bords des zones.
Couleurs : k-means dans CIE L*a*b*, avec le nombre de couleurs choisi
Petites zones : fusionnées avec le voisin à la plus longue frontière commune
Position du numéro : le pixel le plus éloigné de tous les bords de sa zone- Le dessin est fait à partir d'une copie de 800 pixels au plus sur le grand côté ; le contour est tracé au double de cette taille, pour s'imprimer net.
- Le numéro de chaque zone est placé grâce à une transformée de distance, qui donne à chaque pixel sa distance au bord le plus proche ; le numéro va là où cette distance est la plus grande.
Imprimer et peindre le dessin
Imprimez le contour et remplissez chaque zone avec la peinture de son numéro. Le numéro 1 est la couleur la plus fréquente, donc celle qui couvre la plus grande surface ; laissez sécher chaque couleur avant que la suivante ne touche la précédente.
Une zone trop étroite pour un numéro est tracée sans numéro. Pour numéroter davantage de zones, choisissez une plus petite zone plus grande ou moins de couleurs ; pour garder plus de détails, choisissez le réglage fin, et acceptez davantage de zones étroites.
Exemple travaillé : une moitié rouge et une moitié bleue
Une image de 20 × 10 pixels, rouge à gauche et bleue à droite, avec deux couleurs, donne deux zones de 100 pixels chacune. Le contour est une seule ligne au milieu : un pixel par ligne, soit dix au total.
Chaque zone reçoit son numéro là où elle est la plus large. Dans la moitié rouge, le point le plus large est à quatre pixels de chaque bord, en (4, 4) ; dans la moitié bleue, il est en (14, 4), également à quatre pixels des bords.
| Donnée | Résultat |
|---|---|
| Zones | 2 |
| Pixels du contour | 10, un par ligne |
| Positions des numéros | (4, 4) et (14, 4) |
| Palette | #FF0000 et #0000FF, 100 pixels chacune |
Questions fréquentes
Pourquoi une zone n'a-t-elle pas de numéro ?
Une zone plus étroite qu'un numéro ne peut pas le contenir ; le dessin la laisse donc sans numéro. Choisissez une plus petite zone plus grande ou moins de couleurs, pour que chaque zone soit assez large pour son numéro.
Pourquoi le résultat est-il toujours le même ?
Les couleurs sont regroupées à partir d'un point de départ fixe ; la même photo, le même nombre de couleurs et la même plus petite zone donnent donc toujours le même dessin et la même palette.
Combien de couleurs choisir ?
De six à dix couleurs conviennent à la plupart des photos et gardent le dessin lisible. Prenez-en moins pour une feuille d'enfant et davantage pour une image détaillée, en gardant à l'esprit que chaque couleur est une peinture à acheter.
Ma photo est-elle envoyée quelque part ?
Non. La photo est lue par votre navigateur, et le dessin est créé par un script de travail sur votre appareil. Rien n'est envoyé, et le travail s'arrête s'il dure plus d'une minute.
À quoi sert le réglage de la plus petite zone ?
C'est la plus petite surface gardée comme zone à part entière, en proportion de l'image. Les zones plus petites sont fusionnées avec leurs voisines, ce qui rend le dessin plus facile à peindre.
Sources
- Wikipédia (en anglais) : Distance transform, la distance de chaque pixel au bord le plus proche
- Wikipédia (en anglais) : K-means++, Arthur et Vassilvitskii, 2007, initialisation soignée des k-means
- Wikipédia (en anglais) : CIELAB colour space, L*a*b*, utilisé pour regrouper les couleurs
Chiffres et texte vérifiés pour la dernière fois le mardi 10 novembre 2026.