Dithering online para representar sua imagem com poucas cores e uma distribuição de pixels escolhida por você. Compare algoritmos, ajuste a escala dos blocos e baixe PNG de graça, sem cadastro. O processamento fica no dispositivo.
Testar um exemplo
Ajustes
No efeito dithering, o desenho dos blocos faz parte do resultado. Uma imagem preta e branca pode sugerir cinza sem armazenar pixels cinza. Para isso, alterna as duas cores em proporções diferentes entre posições vizinhas. À distância, o conjunto produz a impressão de tons intermediários. A distribuição também importa: uma matriz regular tem repetição visível, a difusão espalha marcas de outro jeito e o limiar cria limites mais duros. Escolher dithering é escolher tanto a restrição de cores quanto a textura que a acompanha.
Primeiro a fonte é dividida em blocos de acordo com o tamanho de pixel selecionado. Cada bloco recebe uma cor média, depois passa por brilho, contraste e gama e finalmente é associado à paleta. A transparência de entrada é composta sobre branco, portanto o PNG de saída é opaco. Esta é uma conversão de cores, não uma preservação de máscara alfa. Para transformar cobertura transparente em pontos sólidos, use o modo DTF de outra página.
Na difusão, a diferença entre a cor atual e a cor escolhida é repassada aos pixels que ainda serão processados. Um buffer Float32 conserva as frações desse erro até a quantização final. A comparação usa 2ΔR² + 4ΔG² + 3ΔB², dando mais peso ao verde. É uma distância RGB ponderada, não uma conversão para espaço perceptual de cor nem uma simulação das condições de impressão.
Escolha um arquivo local, arraste-o ou cole uma imagem da área de transferência. A esfera cinza mostra como os métodos tratam transições; a composição colorida ajuda a testar paletas. O limite é de 60 MB e 64 megapixels após decodificar. Formatos animados viram imagem estática. Começar com um exemplo simples evita confundir mudanças de algoritmo com muitos detalhes de uma foto complexa.
Há preto e branco, quatro cinzas, Game Boy, CGA, PICO-8 e Mac Classic. A paleta própria aceita de duas a dezesseis cores; a automática extrai de duas a sessenta e quatro. Veja se existe separação suficiente de brilho e matiz. Uma seleção de cores quase iguais não representa uma faixa tonal ampla, por mais que o algoritmo espalhe os pixels. A saída sempre usa entradas reais da paleta.
Deixe paleta e tamanho de pixel iguais ao alternar entre Floyd–Steinberg, Atkinson e Bayer. Isso mostra a diferença do padrão, sem misturar outras variáveis. Depois ajuste os tons se uma informação importante desaparecer. Nos métodos de difusão, reduza a força ou desligue a varredura em serpentina para percorrer todas as linhas na mesma direção. Esses controles não se aplicam aos demais métodos.
Para uma peça pequena de pixel art, salve a grade reduzida em 1:1. Se precisa das dimensões de colocação da fonte, amplie por vizinho mais próximo. PNG evita a compressão com perdas de JPG. Verifique as medidas em pixels antes de importar em outro programa. Um redimensionamento com suavização pode criar cores fora da paleta e alterar as bordas quadradas, mesmo que a exportação original esteja correta.
Os algoritmos e as paletas do efeito dithering produzem uma imagem estática. O dithering online mantém os valores finais dentro da paleta. Floyd–Steinberg, opção inicial, distribui erro entre quatro posições próximas. Atkinson usa seis, mas transmite só três quartos do erro; por isso pode mudar o equilíbrio de luz e sombra. Jarvis–Judice–Ninke e Stucki trabalham com vizinhanças mais largas. Burkes usa duas linhas. Sierra, Sierra Two-row e Sierra Lite completam as opções de difusão com três distribuições diferentes. Não são apenas níveis de força de um mesmo efeito: mudam posições e pesos do cálculo.
A força de difusão varia de zero a cem por cento. Em zero, o erro não chega aos vizinhos e cada pixel recebe diretamente a cor mais próxima. A serpentina inverte a direção de linhas alternadas e espelha os pesos na horizontal. Os dois controles afetam somente a difusão. Eles ficam ocultos para Bayer, limiar e ruído, evitando sugerir que uma opção sem efeito também modificaria essas saídas.
Bayer 2×2, 4×4 e 8×8 usam matrizes de limiar construídas por recursão. As menores repetem seu desenho de forma mais evidente; as maiores oferecem mais posições em cada bloco repetido. Limiar não acrescenta dithering. Ruído aleatório perturba a escolha com uma sequência pseudoaleatória reproduzível, sem inventar um padrão inteiramente novo a cada atualização. Todos os métodos mantêm os valores finais dentro das cores da paleta escolhida.
A paleta automática usa corte mediano sobre uma cópia da fonte com até 256 pixels no lado maior. O resultado fica guardado por imagem e quantidade de cores. Alterar brilho, algoritmo ou força não extrai outra paleta, permitindo uma comparação estável. Alterar a quantidade solicitada gera a extração correspondente. Se a fonte tem poucas cores distintas, podem vir menos entradas que o pedido. Na paleta personalizada, cada cor pode ser editada, acrescentada ou removida.
Preto e branco, pixels de 3 px, difusão de 100% e varredura em serpentina.
Preto e branco, pixels de 3 px, controle de difusão em 100% e varredura em serpentina.
Preto e branco, pixels de 3 px e matriz Bayer ordenada de 8×8.
Esfera sombreada, Floyd–Steinberg, quatro verdes, pixels de 4 px, difusão de 100% e varredura em serpentina.
Compare o dithering online com a mesma fonte e escala. Em uma ilustração monocromática, observe áreas largas e tranquilas além dos contornos. A difusão pode preservar o tom médio e deixar uma textura agitada demais para o projeto. O limiar pode reforçar uma silhueta e perder uma sombra útil. Decida se a imagem precisa de continuidade tonal ou de uma divisão gráfica mais dura. Nenhum método é automaticamente o melhor para toda fotografia e toda escala de visualização.
Para uma referência de jogos antigos, as paletas são escolhas visuais, não emulação de hardware. Game Boy fornece quatro verdes; CGA oferece uma seleção de quatro cores; PICO-8 tem dezesseis cores definidas; Mac Classic usa preto e branco. A ferramenta não impõe resolução de tela, quantidade de sprites ou formato de uma plataforma. Se a imagem for usada em um jogo real, confira esses requisitos à parte.
Em estudos de pixel art, aumentar o tamanho dos blocos simplifica as formas antes da distribuição das cores. Uma fonte de 1600×1200 pixels com tamanho quatro gera uma grade de 400×300 em 1:1. Quando a dimensão não é divisível, o último bloco contém os pixels restantes. Ao voltar para o tamanho original, as células são mapeadas por vizinho mais próximo, sem uma etapa de suavização que acrescente transições entre blocos.
Em uma composição com paleta limitada, objetos diferentes podem cair na mesma cor e perder separação. Antes de trocar de algoritmo várias vezes, tente acrescentar uma cor contrastante ou usar a extração automática. Para várias imagens que precisam combinar, utilize a mesma paleta personalizada. A extração automática depende de cada arquivo e não promete uma escolha idêntica entre fontes processadas em momentos diferentes.
Ao comparar um site que faz dither na imagem com um editor, uma paleta comum ajuda a manter a consistência. Photoshop oferece retoque amplo e fluxos com cores indexadas; Illustrator se concentra em desenho vetorial e montagem. Esta página reúne comparação de quantização, escolha de paleta e download de PNG com pixels definidos. Não cria caminhos vetoriais nem documentos com camadas de edição. Leve o resultado como uma imagem para uma composição maior caso precise acrescentar textos, máscaras ou outros elementos fora do escopo da conversão.
Uma saída pequena em 1:1 é prática quando o aplicativo seguinte trabalha diretamente sobre uma grade. A saída nas dimensões da fonte se encaixa melhor em layouts existentes. Nos dois casos, suavizar um redimensionamento posterior pode modificar a paleta. Até a tela mistura visualmente pixels em certos níveis de zoom. Examine o padrão em ampliação inteira e consulte o arquivo completo, em vez de aprovar apenas uma miniatura.
A prévia tem até 1000 pixels no lado maior e é recalculada depois de 80 milissegundos sem mudanças. A difusão depende da grade e das decisões anteriores, por isso a redução não prevê a posição exata de cada ponto da exportação. A saída é refeita a partir da fonte. A imagem permanece no dispositivo; o tempo mostrado descreve somente o último cálculo da prévia, sem promessa de desempenho fixo.
Carregue uma imagem, escolha a paleta e o algoritmo de dithering e baixe o resultado em PNG. Ajuste o tamanho dos pixels para deixar a textura mais fina ou mais marcada e compare com o original antes de salvar. O PNG contém apenas as cores da paleta escolhida: uma paleta preta e branca gera pixels pretos ou brancos, sem cinzas.
Use Floyd–Steinberg para degradês de fotos, Atkinson para luzes mais limpas, Bayer para padrões regulares e Threshold para desenhos com bordas bem definidas. Atkinson distribui três quartos do erro, reforça o contraste e lembra o Mac clássico. Bayer cria uma grade estável com aparência retrô. Threshold não aplica dithering. Compare os algoritmos com a mesma paleta e tamanho de pixel.
Atkinson repassa três quartos do erro de quantização. Floyd–Steinberg distribui todo o erro dentro de seu núcleo, exceto nas bordas da imagem. Isso muda tanto a disposição quanto o comportamento tonal. Compare com a mesma fonte, paleta e tamanho antes de ajustar o brilho para favorecer uma das aparências.
A paleta personalizada aceita de duas a dezesseis cores. Os seletores mudam cada entrada, e os botões adicionam ou removem cores. A correspondência usa distância RGB ponderada. Muitas cores quase iguais não garantem melhor leitura; diferenças úteis de brilho e matiz costumam ajudar mais do que simplesmente preencher o limite máximo da paleta.
A prévia é limitada a 1000 pixels no lado maior. A saída recalcula o algoritmo nas dimensões de exportação. Como a difusão depende da grade e do erro acumulado, algumas posições mudam com a resolução. Use a prévia para escolher o estilo e o PNG baixado para verificar o padrão definitivo.
O cálculo ocorre no navegador, normalmente em um Worker. Quando ele não pode ser usado, o processamento é dividido por linhas no fluxo principal. Os eventos estatísticos não incluem a imagem ou seu nome. Abrir um exemplo baixa apenas um recurso estático do site; isso não envia a fonte local que você selecionou.
Experimente dithering online com um exemplo, defina a paleta e compare uma difusão com uma matriz regular. Escolha entre grade pequena 1:1 e PNG nas dimensões da fonte, então carregue sua própria imagem. Preserve o original e anote paleta e tamanho de pixel se outros materiais precisarem seguir o mesmo critério visual.
