👾Gerador de pixel art
Envie uma foto, escolha o tamanho da grade e a paleta de cores (automática ou retrô) e veja a pixel art na hora, ampliada sem suavização. Baixe em PNG. Nada é enviado a servidores.
Carregue uma foto para começar. Processamento 100% local: a imagem não sai do seu navegador. O tamanho final é limitado a 4000 px de lado.
🔒 Cálculo 100% local — os dados que você digita não saem do seu navegador, nada é enviado a servidores.
Fonte: Canvas API e File API (processamento de imagem no navegador) — processamento 100% local; a imagem não sai do seu dispositivo · Última verificação em 24/09/2026
Pixel art é uma arte feita de quadradinhos visíveis e poucas cores. Para converter uma foto, ela é reduzida a uma grade pequena, as cores são limitadas a uma paleta e a imagem é ampliada sem suavização para manter os pixels nítidos. Tudo acontece no navegador, sem enviar a foto.
Como usar o gerador de pixel art
- Carregue uma fotoEscolha uma imagem com assunto bem definido. Fundos limpos dão resultados mais legíveis.
- Defina a gradeValores entre 32 e 64 pixels no lado maior dão o visual clássico; 128 ou mais preservam mais detalhes.
- Escolha a paletaA paleta automática usa k-means para achar as cores dominantes; as retrô imitam consoles antigos.
- Ajuste a ampliação e baixeA ampliação define o tamanho de cada pixel no arquivo final.
Como funciona a conversão
Primeiro, a foto é reduzida para uma grade em que o lado maior tem o número de pixels escolhido, mantendo a proporção. Essa redução faz uma média das cores de cada região, e o resultado é uma imagem minúscula, com um pixel para cada quadradinho da arte final.
Em seguida vem a quantização de cores. Na paleta automática, o algoritmo k-means escolhe k cores iniciais espalhadas pela imagem, agrupa cada pixel na cor mais próxima e recalcula cada cor como a média do seu grupo, repetindo o processo dez vezes. Nas paletas fixas, cada pixel simplesmente recebe a cor mais próxima da lista. Por fim, a imagem pequena é ampliada com imageSmoothingEnabled desligado, o que repete os pixels em blocos nítidos em vez de borrá-los.
Exemplo prático
Uma foto de 3000 × 2000 px com grade de 48 e ampliação de 10 gera uma imagem de 480 × 320 px, formada por 48 × 32 quadrados de 10 px. Com 8 cores automáticas, o céu, a pele, o cabelo e a roupa viram manchas planas de cores distintas.
Se trocar para a paleta Game Boy, a mesma foto passa a usar só quatro tons de verde, lembrando o portátil clássico. Com PICO-8, você obtém uma versão colorida com 16 cores fixas, que combina com jogos de estilo retrô.
Para controlar o tamanho final, lembre que o arquivo cresce com a ampliação: uma grade de 64 com ampliação de 16 gera um PNG de 1024 pixels de lado, suficiente para um papel de parede pequeno ou uma foto de perfil, e ainda leve, pois a imagem tem poucas cores.
Suposições e limitações
- A grade é definida pelo lado maior da imagem; o outro lado segue a proporção original
- A paleta automática é aproximada e pode variar levemente entre fotos parecidas
- Não há dithering (pontilhado), então degradês viram faixas de cor
- A ampliação é reduzida automaticamente se o arquivo passar de 4000 px de lado
- Todo o processamento é local e a foto não sai do seu dispositivo
Dicas para tirar o melhor proveito
Grades pequenas exigem fotos simples. Um rosto em 32 pixels precisa estar bem enquadrado e com bom contraste. Se a imagem original for muito detalhada, recorte antes com o cortador de imagem, deixando só o assunto principal. Fotos com boa iluminação e contraste geram pixel art mais legível.
Para personagens de jogos, use 16 a 32 pixels e poucas cores (4 a 8). Para ilustrações e papéis de parede, 96 a 160 pixels e 12 a 24 cores funcionam melhor. Teste a paleta Game Boy para um visual nostálgico e a de 1 bit para estilo de quadrinho ou ícone.
Um truque útil é testar a mesma foto em duas ou três grades diferentes e comparar: às vezes 40 pixels deixa o rosto reconhecível, enquanto 56 já mostra os olhos e a boca com clareza. Se a cor de pele ou de fundo sair estranha na paleta automática, aumente o número de cores de 8 para 12 ou 16, o que dá mais tons intermediários. Para fotos de comida, paisagens e animais, o contraste natural das cores costuma render resultados muito bons já com 6 a 10 cores.
Erros comuns a evitar
Um erro comum é escolher uma grade grande demais e uma ampliação pequena: o resultado parece apenas uma foto de baixa qualidade, e não pixel art. Outro é usar cores demais, o que diminui o efeito de estilo; a graça está na limitação. Também é frequente ampliar a imagem final em editores com suavização ligada, borrando os pixels: use ampliação por vizinho mais próximo ou exporte já na escala desejada aqui.
Evite ainda fotos com muito fundo desordenado, pois a redução mistura tudo em manchas sem sentido.
Por último, não confunda pixel art com a simples redução de resolução. A pixel art de verdade é desenhada pixel a pixel, com escolhas deliberadas de cor e contorno. Este gerador automatiza uma aproximação a partir de uma foto, que serve como ponto de partida ou como efeito visual; se o objetivo for uma arte profissional para um jogo, use o resultado como base e retoque manualmente em um editor.
Veja também
Se esta ferramenta foi útil, você também pode precisar destas relacionadas: Redimensionador de imagem, Editor de filtros de imagem, Gerador de paleta de cores, Pixelar imagem.
Ferramentas relacionadas
📐Redimensionador de imagem
Redimensione uma imagem em pixels ou porcentagem, sem perder proporção.
Abrir ferramenta →🎛️Editor de filtros de imagem
Ajuste brilho, contraste, saturação e mais, com prévia em tempo real.
Abrir ferramenta →🎨Gerador de paleta de cores
Gere 5 cores harmônicas a partir de uma cor base: complementar, análoga, triádica ou monocromática.
Abrir ferramenta →🔲Pixelar imagem
Aplique efeito de mosaico na imagem inteira ou em uma região para ocultar dados.
Abrir ferramenta →Perguntas frequentes
Como transformar uma foto em pixel art?
Reduza a foto a uma grade pequena, limite as cores a uma paleta e amplie sem suavização. Esta ferramenta faz tudo isso automaticamente: basta enviar a foto e escolher grade e paleta.
O que é k-means na paleta automática?
É um algoritmo que agrupa as cores da imagem em k grupos e usa a média de cada grupo como cor da paleta, mantendo as cores mais representativas.
Minha foto é enviada para algum servidor?
Não. Tudo é processado no seu navegador e a foto não sai do seu dispositivo.
Qual tamanho de grade usar?
Entre 32 e 64 pixels no lado maior dão o visual clássico. Valores maiores preservam mais detalhes, mas parecem menos com pixel art.
Por que os pixels não ficam borrados?
Porque a ampliação é feita com a suavização desativada, o que repete cada pixel em um bloco nítido.
Explore mais ferramentas gratuitas
Dezenas de calculadoras, conversores e geradores — todos funcionam no navegador, sem cadastro e sem instalar nada.