Ir para o conteúdo
Ferramenta gratuita

Comparar imagens

Compare duas imagens online com um controle deslizante de antes e depois, lado a lado, por sobreposição ou em uma imagem de diferenças que marca e conta cada pixel alterado. No exemplo com um pacote de texturas, são 736 de 9.000 pixels (8,18 %). Grátis, sem cadastro e sem upload: suas imagens ficam no seu navegador.

Criado por Justin Schuessler

Você está criando algo próprio? Hospede em um VPS com controle total.

Antes

Depois

As imagens permanecem no seu navegador. Nada é enviado.

Carregue uma imagem Antes e uma Depois. Em seguida, compare-as com o controle deslizante, lado a lado, por sobreposição ou em uma imagem de diferenças que mostra cada pixel alterado.

Exemplo de resultado

O que a comparação de imagens mostra

Você carrega uma imagem de antes e outra de depois. Com o controle deslizante, lado a lado ou por sobreposição, você vê as diferenças; o modo de diferenças marca e conta cada pixel alterado. Um exemplo com as imagens da ferramenta:

Exemplo: um pacote de texturas de outono comparado ao original

Entrada:

Duas paisagens em pixel art, cada uma com 120 × 75 pixels. Na imagem Depois, a grama e as folhas mudaram de cor, e há uma nova flor no campo. Modo “Diferença”, limite de 5 %.
Antes
Depois
Diferença

Saída:

Resultado do modo de diferenças no exemplo
Pixels alterados736 de 9.000 pixels
Porcentagem8,18 %
DownloadImagem das diferenças em PNG com resolução total

Céu, sol, terra e pedra são iguais nas duas imagens e aparecem em cinza-escuro na imagem das diferenças. Só o que o pacote de texturas realmente altera aparece em vermelho. Seu resultado depende, é claro, das suas imagens.

Como funciona

Como comparar duas imagens

Quatro etapas, do screenshot à comparação pronta, sem conta e sem upload.

Passo 1

Carregar imagens

Arraste as imagens de antes e depois para os dois campos, selecione arquivos ou cole capturas de tela com Ctrl+V. Use “Trocar” para inverter os lados. As imagens são abertas apenas no seu navegador.

Passo 2

Selecionar modo

Controle deslizante, lado a lado, sobreposição ou diferença. No controle deslizante, você arrasta a linha divisória na vertical ou na horizontal; na sobreposição, ajusta a opacidade; e, no modo Diferença, ajusta o limite e a cor.

Passo 3

Dar zoom e comparar

Amplie até 3.200 % com os botões de mais e menos, com Ctrl+roda do mouse ou com dois dedos, e arraste a imagem ampliada para movê-la. “1:1” mostra cada pixel no tamanho original, com bordas nítidas a partir de 100 %. “Ajustar” volta a mostrar a imagem inteira.

Passo 4

Salvar resultado

Baixe a imagem de antes e depois, a visualização lado a lado, a sobreposição ou a imagem de diferenças como PNG em resolução total. No controle deslizante e no modo lado a lado, você também pode incluir as legendas “Antes” e “Depois”.

Exportação em PNG

Criar e salvar imagem de antes e depois

Cada modo tem seu próprio download. O PNG é gerado em resolução total no seu navegador, sem upload e sem marca-d’água.

Imagem de antes e depois

No controle deslizante, o download divide a imagem exatamente onde está a linha divisória. O PNG mostra a linha e, se você quiser, as legendas “Antes” e “Depois”.

Duas imagens lado a lado

O modo “Lado a lado” coloca as duas imagens em um único arquivo, com legendas se você quiser. Se a imagem lado a lado ficar larga demais para o seu navegador, a ferramenta coloca uma abaixo da outra. São sempre exatamente duas imagens; não há modelos de colagem.

Sobreposição

As duas imagens sobrepostas, com a opacidade da imagem posterior ajustada pelo controle deslizante.

Imagem de diferenças

Os pixels alterados na cor que você escolher, sobre uma versão em tons de cinza escurecida da imagem anterior, na resolução total da comparação.

A imagem de diferenças e a exportação em PNG processam até 40 megapixels por imagem; no iPhone e no iPad, menos devido ao limite menor do canvas.

Casos de uso

Para que usar a comparação de imagens

De pacotes de shaders a testes de compressão: para qualquer situação em que você queira comparar duas versões da mesma imagem.

Shaders e pacotes de texturas no Minecraft

Faça uma captura de tela com Shader ou Resource Pack e outra sem. Com o controle deslizante, você compara diretamente iluminação, água e sombras; com zoom de 1:1 e bordas nítidas, pode até examinar texturas individuais de 16 × 16.

Mods gráficos e texturas para FiveM

Compare texturas de veículos, presets do ReShade ou Mods de mapa no seu servidor FiveM. O modo Diferença mostra quais áreas uma nova textura realmente altera.

Testar configurações gráficas

Baixo contra Ultra, DLSS contra FSR, antisserrilhamento ligado ou desligado: dois screenshots da mesma cena mostram se uma configuração exigente faz diferença visível.

Mods: antes e depois

Seja um Mod de iluminação, de HUD ou uma atualização de mapa: com a sobreposição, você alterna gradualmente entre o original e o Mod e encontra até pequenas mudanças.

Verificar perdas de compressão

Carregue a imagem original e a versão comprimida. Com o limite em 0 %, o modo de diferenças mostra todos os pixels alterados; com um pouco de tolerância, mostra apenas os artefatos visíveis.

Mudanças na interface e no design

Compare duas versões de um site, de um menu de servidor ou de um banner do Discord. Elementos deslocados e cores alteradas aparecem imediatamente na imagem de diferenças.

Imagens grandes demais para uma comparação rápida? Reduzir com o compressor de imagens

Quatro modos

Qual modo usar para cada comparação?

Controle deslizante

A linha divisória mostra a imagem de antes à esquerda ou acima e a de depois à direita ou abaixo. Ideal para comparar iluminação, cores e nitidez. Na vertical ou na horizontal, com mouse, toque ou teclas de seta.

Lado a lado

Duas janelas com zoom e deslocamento sincronizados. Ideal para ver as duas imagens por completo. No celular, as janelas ficam uma abaixo da outra.

Sobreposição

A imagem de depois fica sobre a imagem de antes, com opacidade ajustável. Assim, áreas deslocadas ou levemente alteradas ficam visíveis ao mudar gradualmente a opacidade.

Diferença

Cada pixel alterado é marcado na cor escolhida por você e contabilizado. O limite ignora pequenas diferenças, como ruído de JPEG. Você pode baixar a imagem das diferenças como PNG.

Descobrir mais

Mais ferramentas

Comparar textos online (Diff Checker)

Compare textos online: compare dois textos, configurações ou versões de código, veja as diferenças linha por linha e palavra por palavra e copie-as como Unified Diff. Funciona inteiramente no navegador.

Criado por Dimitri Heissler

Comprimir e redimensionar imagens

Comprima e redimensione imagens online: reduza o tamanho de JPG, PNG e WebP, defina um tamanho desejado em KB ou converta formatos, como PNG para JPG. Tudo funciona no navegador.

Criado por Dimitri Heissler

Recortar imagem (Image Cropper)

Novo

Recorte imagens livremente, em círculo ou em formatos fixos, como miniatura do YouTube, banner do Discord, Story do Instagram e capa do X, com precisão de pixels e em PNG, JPG ou WebP. Funciona inteiramente no navegador.

Criado por Luca Stanek

Sprite Sheet Cutter & Splitter

Novo

Divida Sprite Sheets em frames individuais no navegador: configure a grade por colunas e linhas ou pelo tamanho dos sprites, ajuste o deslocamento e o espaçamento, visualize a animação e os frames GIF e baixe em PNG ou ZIP.

Criado por Justin Schuessler

Simulador de daltonismo

Simule em tempo real como as paletas de cores e suas imagens são percebidas em casos de protanopia, deuteranopia, tritanopia e acromatopsia — tudo processado no navegador.

Criado por Justin Schuessler

Seletor de cores em imagem

Identifique o código de uma cor em uma imagem: conta-gotas com lupa, HEX, RGB e HSL, paleta de cores da imagem e indicação de contraste. A imagem permanece no navegador.

Criado por Dimitri Heissler

FAQ

Perguntas frequentes

Respostas rápidas sobre comparação de imagens, formatos, tamanhos e privacidade.

Arraste as imagens de antes e depois para os dois campos, selecione arquivos ou cole capturas de tela com Ctrl+V. Depois, escolha um modo: “Controle deslizante” com linha divisória, “Lado a lado”, “Sobreposição” ou “Diferença”. Para testar, “Testar com imagens de exemplo” carrega duas imagens prontas.

Não. As duas imagens são abertas apenas no seu navegador, e um Web Worker calcula as diferenças na mesma aba. Não há upload, servidor nem link para compartilhar. A ferramenta grava na barra de endereços apenas configurações como modo, direção e limite, nunca o conteúdo das imagens.

Carregue as duas imagens, selecione “Controle deslizante” e posicione a linha divisória onde quiser. “Baixar imagem Antes e Depois” salva um PNG em resolução completa com a linha divisória e, se quiser, os rótulos “Antes” e “Depois”. No modo “Lado a lado”, você recebe as duas imagens em um único arquivo.

Escolha o modo “Diferença”. Ele marca cada pixel alterado na cor que você escolher e mostra a quantidade e a porcentagem. O limite determina o quanto um pixel precisa mudar para ser contabilizado: de 0 a 50 % da faixa de cores, com padrão de 5 %. Se o modo marcar alterações que você não vê, geralmente é por causa de compressão com perdas (JPG, WebP), redimensionamento, perfis de cor ou deslocamento de um pixel. Nesse caso, aumente o limite ou compare capturas de tela PNG sem perdas.

JPG, PNG, WebP, AVIF e GIF; no caso de GIFs animados, o primeiro quadro. A ferramenta não aceita arquivos HEIC: exporte-os como JPG antes. Cada arquivo pode ter até 40 MB. O controle deslizante, o modo lado a lado e a sobreposição funcionam mesmo com imagens muito grandes. A imagem de diferenças e a exportação em PNG processam até 40 megapixels por imagem; no iPhone e no iPad, até 16,7 megapixels. Acima disso, a ferramenta exibe um aviso em vez de travar a aba.

A ferramenta mostra as duas resoluções, e você escolhe: “Redimensionar Depois para Antes” (padrão) estica a imagem Depois até o tamanho da imagem Antes, o que é útil para screenshots com resoluções diferentes. “Alinhar no canto superior esquerdo” sobrepõe as imagens sem esticá-las, o que é útil quando uma delas foi apenas recortada ou ampliada. Se as proporções forem diferentes, a ferramenta avisa sobre a distorção ao redimensionar.

Sim, diretamente no navegador, sem aplicativo. Você arrasta a linha divisória com o dedo, amplia com dois dedos e arrasta a imagem ampliada para movê-la. No modo “Lado a lado”, as duas imagens aparecem uma abaixo da outra no celular. Você escolhe as imagens pelo seletor de arquivos do celular.

Não. A ferramenta compara os valores de cor das duas imagens pixel por pixel, com um limite ajustável. Ela não usa IA, não identifica rostos nem objetos e não procura imagens semelhantes na internet. Ela mostra exatamente onde duas imagens suas diferem.

Mais alguma pergunta?

Contatar o suporte
Você está criando algo próprio?

Teste Mods, shaders e texturas em um servidor só seu

Um VPS da ZAP-Hosting mantém seu servidor de jogo, site ou projeto online com confiança.

4,4/5 Trustpilot32.000+ Servidores ativosDesde 2010

Sem configuração. Sem riscos. Online em segundos.

Duração flexívelCancele a qualquer momentoOnline em 60 segundos

Procurando mais ferramentas? Ver todas as ferramentas de imagem e design