Comparação de Screenshots: Pixel Diff, pHash e SSIM Explicados Simplesmente
A comparação de screenshots é o processo algorítmico pelo qual uma ferramenta de teste visual determina se duas capturas de ecrã de uma mesma página são idênticas ou diferentes.
O Pixel Diff: contar os pontos
O pixel diff é a abordagem mais direta. O algoritmo pega em duas imagens do mesmo tamanho, percorre cada pixel e compara os valores de cor.
Imagine duas folhas de papel quadriculado idênticas, exceto que alguém coloriu 3 quadrados a vermelho na segunda. O pixel diff encontraria exatamente esses 3 quadrados.
Em 2026, se quer a fórmula da distância euclidiana em espaço RGB, encontra-a mais rápido pedindo a uma IA.
É simples, rápido, determinístico. Mas é brutal. Uma ligeira mudança de anti-aliasing pode marcar centenas de pixels como "diferentes". O teste falha por nada.
O pHash: a assinatura visual
O pHash reduz cada imagem a uma "impressão digital" curta — tipicamente 64 bits — que captura a estrutura visual global.
Pense nisso como a melodia de uma canção. Reconhece "O Fado" mesmo tocado ao piano ou cantado por alguém desafinado.
Vantagem: imune a micro-variações. Problema: pouco preciso nos detalhes. Um cambio de cor subtil pode passar despercebido.
O SSIM: o olho matemático
O SSIM compara zonas da imagem segundo três critérios: luminância, contraste e estrutura. Score entre 0 e 1.
0.99 = quase idêntico. 0.95 = diferenças visíveis mas menores. Abaixo de 0.90 = diferenças evidentes.
Vantagem: mais próximo da perceção humana. Problema: mais lento e exige calibração cuidadosa.
A abordagem estrutural
Delta-QA compara propriedades CSS e DOM diretamente com o seu algoritmo em 5 passes. Zero falsos positivos de renderização.
FAQ
Qual método é mais rápido?
Pixel diff. Depois pHash. SSIM é o mais lento.
Qual produz menos falsos positivos?
SSIM bem calibrado.
O pHash deteta mudanças de cor?
Só se significativas.
Experimente o Delta-QA Gratuitamente →
Artigo anterior: Teste Visual On-Premise