Comparador de Imagens Online
Comparador de imagens grátis — lado a lado, slider antes/depois, diff de pixel e overlay. 100% no browser, sem upload, sem cadastro.
Atualizado em maio de 2026
Como usar
Quatro modos, zero upload
1. Suba as duas imagens
Imagem A é o "antes"; Imagem B é o "depois". Suporta JPG, PNG, WebP, GIF, SVG e AVIF.
2. Escolha o modo
Slider, Lado a Lado, Diff ou Overlay.
3. Analise e exporte
Ajuste threshold e cor no Diff, ou opacidade no Overlay. Baixe o mapa de diff como PNG.
O que esta ferramenta faz
Comparação pixel a pixel com distância perceptual
Diff com algoritmo YIQ
Distância de cor perceptual que reflete como o olho humano percebe diferenças.
Painel de análise
Porcentagem de similaridade, número de pixels diferentes e contagem total.
Threshold ajustável
De ruído de compressão até só mudanças reais — você controla a sensibilidade.
100% no navegador
Ambas as imagens processadas via Canvas API — nada é enviado a servidor.
Lupa de inspeção (loupe)
Ative a lupa para ampliar em 2,5x a região sob o cursor — útil para conferir pixel a pixel sem trocar de modo.
Zoom e visualização expandida
Amplie a visualização de 50% a 400% e abra o modal em tela cheia para inspecionar detalhes com mais espaço.
Os quatro modos
Quando você vai usar isso
Os cenários mais comuns entre quem usa a ferramenta
Teste de regressão visual
Compare screenshots de UI antes/depois de um deploy — mudanças sutis são detectadas no pixel.
Revisão de retoque fotográfico
Use o slider para revelar mudanças entre o rascunho e o export final.
Revisão de iterações de design
Carregue dois exports do Figma e veja exatamente o que mudou.
Verificação de qualidade de compressão
Compare o PNG original com um export JPEG/WebP para ver áreas degradadas.
Verificação de autenticidade
Compare uma imagem suspeita contra a referência original para detectar clonagem, edição ou manipulação de conteúdo.
Inspeção de imagens grandes com scroll sincronizado
Aumente o zoom no modo Lado a Lado e mantenha "Sync scroll" ativo para rolar as duas imagens em conjunto — ideal para telas inteiras de app ou mockups de alta resolução.
Erro comum? Comece por aqui
Achar que 98% de similaridade é quase idêntico
Numa imagem de 1000×1000, isso ainda são 20.000 pixels diferentes — mais do que parece.
Comparar imagens com dimensões muito diferentes
Diff e Overlay funcionam melhor com mesmas dimensões — para tamanhos muito diferentes, use Lado a Lado.
Threshold baixo demais capturando ruído JPEG
Valores próximos de 0 detectam até artefatos de compressão — o padrão 0,10 ignora esse ruído.
Diff mostrando a imagem inteira em vez de só as diferenças
Por padrão o mapa de diff exibe a imagem completa com os pixels divergentes destacados. Ative "Mostrar apenas diferenças" para ver só os pixels que mudaram, num fundo limpo.
Upload de arquivo acima de 50MB é recusado
Cada imagem tem limite de 50MB — arquivos maiores retornam erro. Comprima ou reduza a resolução antes de subir.
Perder a sincronia ao rolar imagens grandes no modo Lado a Lado
Com zoom alto, cada canvas ganha barra de rolagem própria — sem sincronia, você perde a referência entre A e B. O botão "Sync scroll", ativado por padrão, mantém as duas rolagens idênticas; desative só se quiser navegar cada imagem de forma independente.
Por que usar esta ferramenta
Reúne quatro modos de comparação — slider, lado a lado, diff de pixel e overlay — numa única ferramenta, cobrindo desde revisão visual rápida até análise técnica pixel a pixel.
O algoritmo YIQ de distância perceptual reflete como o olho humano percebe diferenças, não uma comparação binária de bytes que sinalizaria até ruído de compressão irrelevante.
Além da revisão visual, serve para verificação de autenticidade e conferência de qualidade de compressão — com limite generoso de 50MB por imagem e sem o upload que a maioria das ferramentas concorrentes exige.
Perguntas frequentes
Não. Ambas são carregadas via File API e todos os modos — incluindo a análise de diff — rodam inteiramente no navegador usando Canvas API.
Referências
Referência completa para a Canvas API usada para manipulação de imagem no nível de pixel.
A biblioteca open-source de comparação de pixels que alimenta o modo Diff.
Explicação do espaço de cor YIQ usado no cálculo de distância perceptual entre pixels no modo Diff.
Ferramentas Relacionadas
- Verificador de Contraste de Cores Design Verificador de contraste de cores grátis — verifique conformidade WCAG 2.2 AA e AAA instantaneamente. Preview ao vivo, simulação de daltonismo e sugestões...
- Conversor de Cores Design Converta cores entre HEX, RGB, HSL e CMYK instantaneamente. Ferramenta gratuita com seletor de cores, verificador de contraste WCAG e gerador de paletas.
- Gerador de Paleta de Cores Design Gere paletas de cores harmoniosas a partir de qualquer cor base. Escolha harmonia Análoga, Complementar, Triádica ou Tetrádica — exporte como CSS variables...
- Gerador de Paleta de Cores por Imagem Design Extraia paletas de cores de qualquer imagem — obtenha códigos HEX, RGB, HSL e exporte como CSS variables, Tailwind, JSON ou PNG. 100% no browser, sem upload.
- Gerador CSS Box Shadow — Neumorfismo, Glassmorfismo e Tailwind Design Gerador CSS box shadow grátis com preview em tempo real. Crie sombras, efeitos neumorfismo e glassmorfismo. Exporte para CSS, Tailwind ou variáveis CSS.
