Utilia

Comparar imagens

Compara duas imagens lado a lado, com cursor antes/depois, sobreposição ou um mapa de diferenças que conta os píxeis alterados. Grátis, sem envio.

Vista
Zoom 100 %

Como comparar duas imagens

  1. Larga a primeira imagem em Imagem A (antes) e a segunda em Imagem B (depois), ou clica em cada zona para escolher um ficheiro. São aceites JPG, PNG, WebP, GIF, BMP, SVG e qualquer outro formato que o teu navegador consiga abrir.
  2. Escolhe uma Vista: Lado a lado, Cursor, Sobreposição ou Diferença.
  3. Se as duas imagens não tiverem o mesmo tamanho, escolhe o que acontece em Quando os tamanhos diferem: Redimensionar B para o tamanho de A, Tamanho original, alinhado ao canto superior esquerdo ou Tamanho original, centrado.
  4. Faz zoom com a roda do rato, com o gesto de pinça, com os botões + e − ou com as teclas + e −, e arrasta para deslocar. Todos os painéis seguem o mesmo zoom e a mesma posição, por isso estás sempre a olhar para o mesmo ponto nas duas imagens. Ajustar à vista volta a mostrar a imagem inteira.
  5. Na vista Diferença, define a Tolerância e a Medida da diferença e lê os resultados por baixo da imagem. Transferir diferença (PNG) guarda o mapa destacado.

Trocar A e B troca as duas imagens; Limpar recomeça do zero.

As quatro vistas

  • Lado a lado mostra A à esquerda e B à direita, com zoom e deslocação sincronizados. É a forma mais fácil de avaliar o aspeto geral, a cor e a nitidez.
  • Cursor sobrepõe as duas imagens e mostra B à direita de uma linha divisória vertical. Arrasta a linha divisória sobre a imagem, clica onde a queres, ou usa o controlo Posição do cursor (que também funciona com as teclas de seta). É a vista clássica de antes/depois para retoques, restauros, ampliações ou testes de compressão.
  • Sobreposição coloca B por cima de A com uma Opacidade de B ajustável. Passar de 0 % para 100 % faz saltar à vista desalinhamentos, elementos deslocados e texto que mudou de sítio.
  • Diferença pinta a vermelho vivo cada píxel alterado sobre uma cópia cinzenta e esbatida da imagem A. As zonas idênticas desaparecem no fundo, por isso até uma alteração de um único píxel é fácil de encontrar com zoom. Com zoom suficiente, os píxeis aparecem como quadrados nítidos em vez de suavizados.

Como é medida a diferença

Cada píxel de A é comparado com o píxel no mesmo sítio em B. As cores são primeiro multiplicadas pela sua opacidade, por isso dois píxeis totalmente transparentes contam como iguais, mesmo que a cor escondida seja diferente.

  • Maior diferença entre canais usa a maior diferença entre vermelho, verde, azul e alfa, numa escala de 0 a 255. Um valor de 12 significa que pelo menos um canal mudou 12 níveis.
  • Distância de cor (RGB + alfa) é a distância em linha reta (euclidiana) entre as duas cores, dividida por 2 para ir também de 0 a 255. Reage mais a alterações distribuídas por vários canais.

Um píxel conta como alterado quando a sua diferença é maior do que a Tolerância. A 0, qualquer alteração é assinalada, o que é ideal para verificar que duas exportações são realmente idênticas. Uma tolerância de 5 a 15 ignora o pequeno ruído criado pela compressão JPEG ou WebP e mantém as edições reais.

Os resultados mostram os tamanhos das duas imagens, a Área comparada, a Percentagem alterada, o número de Píxeis alterados, a Maior diferença encontrada e a Região alterada: o menor retângulo que contém todos os píxeis alterados, com o seu canto superior esquerdo.

Imagens de tamanhos diferentes

Com Redimensionar B para o tamanho de A, B é esticada para ficar exatamente com a largura e a altura de A, o que é ideal para uma cópia redimensionada ou recomprimida da mesma imagem. Com as duas opções Tamanho original, ambas as imagens mantêm os seus píxeis numa área suficientemente grande para as duas; as partes cobertas por apenas uma imagem contam como alteradas. As imagens com mais de 4096 píxeis no lado maior são comparadas num tamanho reduzido, e uma mensagem avisa-te disso.

Os dois ficheiros são lidos e comparados no teu navegador; nunca são enviados.

Perguntas frequentes

Como verifico se duas imagens são exatamente iguais?

Escolhe Diferença, põe a Tolerância a 0 e usa Redimensionar B para o tamanho de A apenas se os tamanhos já coincidirem. Se a mensagem disser que as imagens são idênticas, todos os píxeis coincidem.

Porque é que uma cópia em JPEG mostra milhares de píxeis alterados?

A compressão JPEG e WebP altera ligeiramente as cores em toda a imagem. Aumenta a Tolerância para cerca de 10 para esconder esse ruído e ficar só com as edições visíveis.

Posso comparar capturas de ecrã de um site antes e depois de uma alteração?

Sim. É uma verificação comum de regressão visual: carrega as duas capturas de ecrã, usa Diferença para encontrar as zonas alteradas e depois Cursor ou Sobreposição para ver o que mudou de sítio.

O que me diz a Região alterada?

É o retângulo que envolve todos os píxeis alterados, indicado pelo tamanho e pela posição do seu canto superior esquerdo, o que ajuda a localizar uma pequena edição numa imagem grande.

As minhas imagens são enviadas para algum lado?

Não. Tudo é feito localmente no teu navegador e nada é enviado nem guardado.