Como usar
- Clique em Escolher um arquivo ou arraste uma imagem para a caixa. A foto é lida no seu dispositivo.
- Escolha o Número de cores. De seis a dez servem para a maioria das fotos; mais cores dão mais detalhe e mais tintas para comprar.
- Escolha a Menor região, depois clique em Fazer o desenho. Uma foto grande pode levar até um minuto.
- Leia a Paleta, depois salve o contorno com Baixar o contorno (PNG) para imprimir, ou a visualização colorida com o botão próprio.
Como o desenho é feito
Cada pixel é agrupado com outros de cor parecida pelo agrupamento k-means no espaço CIE L*a*b*, em que as distâncias acompanham o que o olho vê. Os grupos iniciais são escolhidos pelo método k-means++ com uma semente fixa, então a mesma foto sempre dá o mesmo desenho.
As pequenas regiões são então unidas ao vizinho com o qual dividem a maior borda, para que o desenho não tenha manchinhas pequenas demais para pintar. Cada área conectada de uma mesma cor é uma região. As cores são numeradas da mais comum para a menos comum, e cada região recebe o número da sua cor. O contorno é desenhado ao longo das bordas das regiões.
Cores: k-means em CIE L*a*b*, com o número de cores escolhido
Regiões pequenas: unidas ao vizinho com a maior borda compartilhada
Posição do número: o pixel mais distante de todas as bordas da sua região
- O desenho é feito a partir de uma cópia de até 800 pixels no lado maior; o contorno é desenhado com o dobro desse tamanho, para sair nítido na impressão.
- O número de cada região é colocado com uma transformada de distância, que dá a cada pixel a sua distância até a borda mais próxima; o número vai onde essa distância é maior.
Imprimir e pintar o desenho
Imprima o contorno e preencha cada região com a tinta do seu número. O número 1 é a cor mais comum, então cobre a maior área; deixe cada cor secar antes que a seguinte encoste nela.
Uma região estreita demais para um número sai sem número. Para ter mais regiões numeradas, aumente a Menor região ou escolha menos cores; para manter mais detalhe, escolha a opção fina e aceite regiões estreitas.
Exemplo resolvido: uma metade vermelha e uma metade azul
Uma imagem de 20 × 10 pixels, vermelha à esquerda e azul à direita, com duas cores, dá duas regiões de 100 pixels cada. O contorno é uma linha no meio: um pixel em cada linha, ou seja, dez no total.
Cada região recebe o número onde é mais larga. Na metade vermelha, o ponto mais largo fica a quatro pixels de qualquer borda, em (4, 4); na metade azul, fica em (14, 4), também a quatro pixels das bordas.
| Item | Resultado |
|---|---|
| Regiões | 2 |
| Pixels do contorno | 10, um por linha |
| Posições dos números | (4, 4) e (14, 4) |
| Paleta | #FF0000 e #0000FF, 100 pixels cada |
Perguntas frequentes
Por que uma região não tem número?
Uma região mais estreita que um número não o comporta, então o desenho a deixa sem número. Aumente a Menor região ou escolha menos cores, para que cada região seja larga o bastante para receber o seu número.
Por que o resultado é sempre igual?
As cores são agrupadas a partir de um ponto de partida fixo, então a mesma foto, o mesmo número de cores e a mesma menor região sempre dão o mesmo desenho e a mesma paleta.
Quantas cores devo escolher?
De seis a dez cores servem para a maioria das fotos e mantêm o desenho legível. Use menos para uma folha infantil e mais para uma imagem detalhada, lembrando que cada cor é uma tinta que você precisa comprar.
A minha foto é enviada para algum servidor?
Não. A foto é lida pelo seu navegador, e o desenho é feito por um script de trabalho no seu dispositivo. Nada é enviado para nós, e o trabalho para se demorar mais de um minuto.
O que é a configuração de menor região?
É a menor área mantida como região própria, medida como fração da imagem. As regiões menores são unidas aos vizinhos, o que torna o desenho mais fácil de pintar.
Fontes
- Wikipédia (em inglês): Distance transform (a distância de cada pixel até a borda mais próxima)
- Wikipédia (em inglês): K-means++ (Arthur e Vassilvitskii, 2007, semeadura cuidadosa do k-means)
- Wikipédia (em inglês): CIELAB colour space (L*a*b*, usado para agrupar cores)
Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.