O Pixel Snapper recupera pixel art que foi arruinada por compressão JPEG, redimensionamento com interpolação suave ou screenshots de qualidade duvidosa — o caso clássico é cada pixel lógico ocupar, por exemplo, 3,7 pixels da imagem em vez de um número inteiro. O objetivo é devolver os pixels ao tamanho e à cor originais, "encaixando" cada bloco da grade.
Quando o Pixel Snapper ajuda
- Screenshots de jogos retro capturadas em resolução moderna.
- Sprites baixados que vieram redimensionados com filtro bilinear.
- Ilustrações exportadas com export scale incorreto no editor.
- Arte pixelada comprimida como JPEG, com ruído de compressão ao redor das bordas.
- Pixel art gerada por IA com pixels irregulares ou imperfeitos.
O problema
Imagens de pixel art salvas em JPEG ganham ruído de compressão; quando redimensionadas com algoritmos lineares (bilinear, bicúbico), perdem a nitidez das bordas. Um pixel que deveria ser de uma única cor vira um gradiente borrado entre cores vizinhas. Visualmente, fica feio. Funcionalmente, impede edição, reuso em paletas e referência precisa.
1. Detecção de grade
A ferramenta analisa as transições de cor na imagem para encontrar o tamanho da grade original. Por exemplo: se a imagem tem 800px de largura mas a pixel art original era 50px, cada pixel original ocupa 16px na versão atual. A detecção é automática mas pode ser sobrescrita manualmente quando o algoritmo erra.
2. Amostragem por célula
Para cada célula da grade detectada, o Snapper escolhe uma cor representativa — geralmente a mediana ou a moda da região. Isso ignora o anti-aliasing das bordas e o ruído JPEG, devolvendo a cor "real" do pixel original.
3. Espaço de cor perceptual
A comparação de cores acontece no espaço OKLab, que aproxima como o olho humano percebe diferenças. Isso é importante: comparar cores no RGB cru leva a escolhas estranhas quando a imagem tem cores próximas mas perceptualmente diferentes (por exemplo, vermelhos saturados).
4. Reconstrução
O resultado final é uma imagem na resolução original (sem redimensionamento) ou opcionalmente reescalada para o tamanho atual com pixels nítidos. As cores agora estão limpas e prontas para edição em qualquer editor de pixel art.
Removendo anti-aliasing
Anti-aliasing são pixels intermediários inseridos para suavizar bordas — úteis em UI, mas indesejáveis em pixel art autêntica. Ao limitar o número de cores finais com o controle Limite de Cores, o Pixel Snapper força cada pixel a "se encaixar" na paleta principal da imagem, eliminando aqueles meios-tons que só existiam para enganar o olho em alta resolução.
Depois de snappar
O arquivo de saída é uma imagem 1:1 por pixel lógico. Se você quiser exibi-la ampliada, use CSS image-rendering: pixelated ou exporte com escala inteira (2x, 4x, 8x). Nunca amplie com filtros suavizados — você perderá o trabalho de limpeza que acabou de fazer.