Comparar duas imagens online | Zonas modificadas destacadas | Awesome Toolkit

Comparador de Imagens

Compare duas imagens lado a lado com destaque das zonas diferentes. Ferramenta de controle visual no navegador.

Por Marshkalk

Solte a imagem A aqui

Solte a imagem B aqui

Comparador de imagens

Compara duas imagens lado a lado e realça as diferenças. Ideal para detetar alterações em capturas de ecrã, maquetas de design ou qualquer conteúdo visual. Processamento local, nenhuma imagem é enviada.

Modos de comparação

  • Lado a lado: mostra ambas as imagens uma ao lado da outra
  • Mapa de diferenças: os pixels diferentes são realçados a vermelho ou rosa
  • Controlo deslizante: arraste para revelar as diferenças progressivamente

Casos de uso

  • Comparar uma maqueta e um screenshot de implementação para encontrar discrepâncias
  • Verificar que uma alteração CSS afetou apenas a zona prevista
  • Detetar regressões visuais após uma atualização
  • Verificar se uma imagem foi alterada

Dicas para melhores resultados

  • As imagens devem ter a mesma resolução para uma comparação precisa ao nível de pixel
  • Usar PNG para capturas de ecrã (JPEG introduz artefactos de compressão)
  • Ampliar o mapa de diferenças para inspecionar alterações pequenas