Cómo se usa
- Haga clic en Elija una foto o arrastre una imagen sobre el recuadro. La foto se lee en su dispositivo.
- Elija el Número de colores. De seis a diez sirve para la mayoría de las fotos; más colores dan más detalle y más pinturas que comprar.
- Elija la Región más pequeña y después haga clic en Hacer el dibujo. Una foto grande puede tardar hasta un minuto.
- Lea la Paleta y guarde el contorno con Descargar el contorno (PNG) para imprimirlo, o la vista previa en color con su botón.
Cómo se hace el dibujo
Cada píxel se agrupa con otros de color parecido mediante agrupamiento k-means en CIE L*a*b*, el espacio de color en el que las distancias coinciden con lo que ve el ojo. Los grupos iniciales se eligen con el método k-means++ y una semilla fija, así que la misma foto siempre da el mismo dibujo (en inglés).
Las regiones pequeñas se unen después al vecino con el que comparten la frontera más larga, así que el dibujo no tiene manchas demasiado pequeñas para pintar. Cada zona conectada de un mismo color es una región. Los colores se numeran desde el más frecuente, y cada región toma el número de su color. El contorno se dibuja a lo largo de los bordes de las regiones.
Colores: k-means en CIE L*a*b*, con el número de colores que elija
Regiones pequeñas: unidas al vecino con la frontera compartida más larga
Posición del número: el píxel más alejado de todos los bordes de su región- El dibujo se hace a partir de una copia de hasta 800 píxeles por el lado más largo; el contorno se dibuja al doble de ese tamaño, para que imprima con nitidez.
- El número de cada región se coloca con una transformada de distancia, que da a cada píxel su distancia al borde más cercano; el número va donde esa distancia es mayor (en inglés).
Imprimir y pintar el dibujo
Imprima el contorno y rellene cada región con la pintura de su número. El número 1 es el color más frecuente, así que cubre la mayor superficie; deje secar cada color antes de que toque al siguiente.
Una región demasiado estrecha para un número se dibuja sin él. Para numerar más regiones, elija un tamaño mayor en Región más pequeña o menos colores; para conservar más detalle, elija el ajuste fino y acepte más regiones estrechas.
Ejemplo resuelto: una mitad roja y una mitad azul
Una imagen de 20 × 10 píxeles, roja a la izquierda y azul a la derecha, con dos colores, da dos regiones de 100 píxeles cada una. El contorno es una línea por el centro: un píxel en cada fila, así que diez en total.
Cada región recibe su número donde es más ancha. En la mitad roja, el punto más ancho está a cuatro píxeles de cada borde, en (4, 4); en la mitad azul, en (14, 4), también a cuatro píxeles de los bordes.
| Concepto | Resultado |
|---|---|
| Regiones | 2 |
| Píxeles del contorno | 10, uno por fila |
| Posiciones de los números | (4, 4) y (14, 4) |
| Paleta | #FF0000 y #0000FF, 100 píxeles cada uno |
Preguntas frecuentes
¿Por qué una región no tiene número?
Una región más estrecha que un número no puede contenerlo, así que el dibujo la deja sin él. Elija un tamaño mayor en Región más pequeña o menos colores para que cada región sea lo bastante ancha para su número.
¿Por qué el resultado es siempre el mismo?
Los colores se agrupan desde un punto de partida fijo, así que la misma foto, el mismo número de colores y la misma región más pequeña dan siempre el mismo dibujo y la misma paleta.
¿Cuántos colores debo elegir?
De seis a diez colores sirven para la mayoría de las fotos y mantienen el dibujo legible. Use menos para una hoja infantil y más para una imagen detallada, teniendo en cuenta que cada color es una pintura que debe comprar.
¿Se sube mi foto?
No. La foto la lee su navegador, y el dibujo lo hace un script de trabajo en su dispositivo. No se envía nada a nuestros servidores, y el proceso se detiene si tarda más de un minuto.
¿Qué es el ajuste de región más pequeña?
Es la superficie más pequeña que se conserva como región propia, como parte de la imagen. Las regiones más pequeñas se unen a sus vecinas, lo que hace el dibujo más fácil de pintar.
Fuentes
- Wikipedia (en inglés): distance transform (la distancia de cada píxel al borde más cercano)
- Wikipedia (en inglés): k-means++ (Arthur y Vassilvitskii, 2007, siembra cuidadosa de k-means)
- Wikipedia (en inglés): CIELAB colour space (L*a*b*, usado para agrupar colores)
Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.