Pixel art "de verdade" tem duas características que um redimensionamento simples não produz: uma paleta de cores limitada e uma grade bem definida de pixels visíveis. A ferramenta Pixel Art converte qualquer imagem comum (JPEG, PNG, WEBP) em pixel art seguindo três etapas: redimensionamento para a resolução de pixel desejada, quantização de cor para reduzir a paleta e, opcionalmente, dithering para simular tons intermediários com padrões de pontos.
1. Redimensionamento
Você define a largura final em pixels (32, 64, 128, etc.). A imagem original é reduzida para essa resolução usando amostragem de área, o que evita que detalhes importantes virem borrão. Quanto menor a resolução, mais estilizado fica o resultado — e mais a escolha da paleta importa.
2. Quantização de cor
Reduzir uma foto com milhões de cores para uma paleta de 16, 32 ou 64 cores é um problema clássico chamado quantização. Os métodos disponíveis no Pixelaro têm filosofias diferentes:
- Paleta fixa — usa direto uma paleta histórica (Game Boy, NES, PICO-8, etc.).
- Median Cut — divide repetidamente o espaço de cor pela mediana, gerando uma paleta adaptativa balanceada. Rápido e equilibrado.
- Octree — organiza cores numa árvore de 8 ramos e funde os ramos mais raros até atingir o número de cores desejado. Excelente para imagens com áreas grandes de cor chapada.
- NeuQuant — rede neural de Anthony Dekker que aprende as cores mais representativas. Excelente para fotografias.
- Diversity — prioriza variedade de cores, ótimo para paletas pequenas.
3. Dithering
Como a paleta é limitada, muitas vezes não existe a cor exata que a imagem original tem em um pixel. O dithering distribui o erro entre os pixels vizinhos, criando a ilusão de tons intermediários através de padrões. O Pixelaro implementa:
- Floyd-Steinberg — o clássico erro difundido. Resultados orgânicos, ótimo para fotos.
- Yliluoma 1, 2 e 3 — algoritmos modernos que avaliam misturas de cores da paleta. Reproduzem tons com mais fidelidade que Floyd-Steinberg e conseguem aproximar tons "impossíveis" combinando cores existentes.
- Bayer ordenado — padrão fixo em matriz. Estética nitidamente "retrô" e determinística.
- Sem dithering — mapeia cada pixel para a cor mais próxima. Resultado mais limpo, ideal para ilustrações.
4. Comparação de cor: por que CIEDE2000 importa
Para decidir qual cor da paleta representa melhor cada pixel, a ferramenta precisa medir "distância" entre cores. A distância Euclidiana em RGB é rápida mas distante da percepção humana — dois verdes parecidos podem parecer muito diferentes dependendo da luminosidade. CIE76, CIE94 e especialmente CIEDE2000 operam em espaços de cor projetados para aproximar como o olho percebe diferenças. Use CIEDE2000 quando a fidelidade importa mais do que o tempo de processamento.
5. Exportação e uso
A imagem final é exportada como PNG 1:1 por pixel, ou como GIF animado preservando a paleta indexada. Se você pretende importar no Aseprite, Piskel ou GIMP, mantenha essa escala. Ao publicar em redes sociais, lembre de usar CSS/HTML com image-rendering: pixelated para evitar que o upload aplique suavização automática.
Privacidade
Todo o processamento acontece em um Web Worker dentro do seu navegador. A imagem nunca é enviada para nenhum servidor. Você pode usar até com a rede desconectada depois de carregar o site.