Pixelizador de Imagens

Sobre o Pixelizador de Imagens

O Pixelizador de Imagens transforma qualquer fotografia ou ilustração em pixel art reduzindo a foto para uma grade pequena e ampliando de volta com interpolação por vizinho mais próximo, gerando o visual icônico de blocos chunky dos jogos 8 e 16 bits. O controle de tamanho do bloco define quantos pixels reais são fundidos em cada bloco de saída: o valor 16 faz com que cada região 16x16 vire um quadrado de cor sólida. Uma paleta median-cut opcional reduz a imagem inteira para entre 2 e 64 cores, imitando a memória de cor limitada de consoles clássicos como NES, Game Boy e Master System. Uma grade pode ser ativada para auxiliar no desenho de sprites. Tudo roda localmente no navegador via Canvas API, então a imagem nunca sai do seu dispositivo — ideal para avatares, assets de jogos, papéis de parede retrô e imagens sensíveis.

O que é pixelização e como ela difere do desfoque?

A pixelização reduz a imagem para uma grade de baixa resolução em que cada célula contém uma única cor, produzindo o visual em blocos dos videogames antigos. O desfoque, por outro lado, espalha a cor de cada pixel entre os vizinhos com um kernel Gaussian ou caixa, suavizando as bordas em vez de quantizá-las em quadrados nítidos. A pixelização preserva o layout espacial em baixa resolução, enquanto o desfoque pesado apenas faz média local sem estrutura de grade. Ambas as técnicas servem para censura de privacidade em fotos (rostos, placas) e para efeitos estilísticos, mas só a pixelização também força quantização de cor nas bordas dos blocos, motivo pelo qual pixel art costuma vir acompanhada de paleta limitada.

Qual tamanho de pixel escolher para avatar ou sprite de jogo?

Para avatares de redes sociais entre 64 e 128 pixels, um tamanho de bloco de 6 a 12 mantém o suficiente da estrutura facial sem perder o ar pixelizado. Para sprites estilo NES, blocos de 4 a 8 com paleta de 8 a 16 cores combinam com a estética histórica. Para ícones móveis grossos ou retratos estilo Game Boy, suba o tamanho para 12-24 e use paleta de 4 cores para imitar a escala de cinza 2-bit original. Regra prática: divida o lado maior da imagem por 16 para um visual minimalista, por 32 para um sprite equilibrado e por 64 para detalhes finos ainda legíveis como pixel art. A grade ajuda a contar blocos se for redesenhar o sprite num editor.

Como funciona a quantização median cut?

Median cut é um algoritmo clássico que começa agrupando todos os pixels em uma única caixa 3D de vermelho, verde e azul. Ele encontra o eixo de maior dispersão, ordena os pixels nesse eixo e divide a caixa pela mediana. O processo se repete sobre a caixa de maior dispersão até atingir o número de cores desejado. Cada caixa final fornece uma cor da paleta, calculada como média dos pixels que contém. A vantagem sobre a quantização uniforme é que median cut concentra mais cores onde a imagem realmente tem variedade: um retrato recebe muitos tons de pele e poucos tons de céu, em vez de dividir o cubo de cor uniformemente. Este pixelizador amostra alguns milhares de pixels para ganhar velocidade; o resultado é visualmente indistinguível de quantizar cada pixel para fotos típicas.

A ferramenta envia minha imagem para um servidor?

Não. A imagem é lida diretamente por um FileReader em JavaScript e desenhada em um Canvas inteiramente dentro da aba do navegador. A pixelização, a quantização e a exportação PNG ocorrem localmente no seu CPU — nenhuma requisição de rede é feita com os dados da imagem. Você pode confirmar abrindo a aba Network do DevTools antes de usar. Esse design só-local torna seguro processar fotos sensíveis (RG, imagens médicas, mockups confidenciais) e permite uso offline depois que a página é cacheada. O único limite é a memória do navegador; 20 MB é um teto prático para a maioria dos notebooks, mas qualquer celular consegue pixelizar fotos da própria câmera sem problemas.

Por que meu PNG resultante tem o mesmo tamanho do original?

A pixelização reduz e amplia de volta, portanto o canvas de saída coincide com a pré-visualização visível, não com o arquivo original. Se você precisa de um sprite realmente em baixa resolução (por exemplo 32x32 pixels), tire um screenshot do canvas ou abra o PNG baixado e redimensione para a grade pequena (botão direito, Redimensionar, escolha 'Nearest neighbour' para manter os blocos nítidos). Uma versão futura adicionará um botão 'Salvar na grade nativa'. Por ora, o tamanho de bloco visível multiplicado pela resolução da grade pequena determina o tamanho do PNG salvo: uma pré-visualização de 600 pixels com bloco de 10 produz uma imagem de 60 blocos de largura, ampliada para 600 pixels no PNG.

Posso usar para criar pixel art comercial ou NFTs?

Sim — a ferramenta não adiciona marca d'água e aplica uma transformação matemática determinística sem material próprio sujeito a copyright. A situação legal do resultado é a mesma da imagem de entrada: se você tem direitos sobre a foto ou licença permissiva, a versão pixelizada herda os mesmos direitos. Para desenvolvimento de jogos, assets gerados assim costumam ser refinados depois à mão em editores de pixel art (Aseprite, Piskel, Photoshop) para limpar formas, afinar silhuetas e ajustar a paleta. Para projetos NFT, lembre que na maioria das jurisdições uma transformação algorítmica simples sobre a imagem de outra pessoa não cria um novo copyright, então comece sempre de imagens que você possui ou tem permissão para usar.