Comparador Visual de Imagens
Carregue duas imagens e veja um diff visual com precisão ao pixel entre elas, com comparação perceptual YIQ e realce que deteta anti-aliasing — 100% local no seu navegador.
🔒 Processado inteiramente em seu navegador – nada que você digita aqui é carregado.
Resultado
Alterou um pormenor no CSS e quer saber exatamente o que se mexeu? A comparar dois screenshots para uma verificação visual de regressão de QA? A pensar no que realmente mudou entre duas versões exportadas da mesma foto? Andar para trás e para a frente entre duas imagens a semicerrar os olhos à procura de diferenças é lento e pouco fiável — esta ferramenta sobrepõe as duas e mostra-lhe cada pixel alterado numa única imagem.
A comparação usa matemática real de diff de pixels, a mesma família de algoritmos usada por ferramentas como o pixelmatch: cada pixel de ambas as imagens é convertido de RGB para o espaço de cor YIQ (Y = luma, I e Q = eixos de crominância do NTSC), e a distância euclidiana entre os dois pontos YIQ é calculada. Essa distância é comparada com um limiar definido pelo slider de sensibilidade — aumente a sensibilidade para detetar mudanças subtis de cor, diminua-a para ignorar ruído de compressão e focar apenas as alterações óbvias.
Uma comparação ingénua pixel a pixel assinalaria todos os contornos com anti-aliasing como "diferentes", mesmo sem alterações significativas, porque a suavização desloca alguns pixels de borda em algumas tonalidades. Esta ferramenta executa uma heurística real de anti-aliasing em ambas as imagens: um pixel só é tratado como uma diferença genuína se NÃO estiver inserido num gradiente de suavização — mais concretamente, se a sua vizinhança 3×3, em qualquer uma das imagens de origem, já não contiver simultaneamente um pixel mais claro e um mais escuro do que ele próprio, que é a assinatura de um contorno com suavização AA e não de conteúdo real.
Carregue a Imagem A e a Imagem B, ajuste a sensibilidade se necessário e prima Executar. Obtém a percentagem exata de pixels que diferem e uma imagem de diff com todas as alterações reais destacadas a magenta brilhante sobre uma versão esbatida da original — faça o download e anexe-a diretamente ao seu relatório de bugs ou notas de QA. Ambas as imagens têm de ter as mesmas dimensões; se não tiverem, a ferramenta indica-o claramente em vez de as cortar ou esticar silenciosamente. Nada sai do seu navegador em momento algum.