Comparador de Fotos Antes e Depois Lado a Lado
O Comparador de Fotos Antes e Depois é uma ferramenta interativa de comparação de imagens que revela exatamente o que mudou entre duas fotos. Envie uma imagem "antes" e uma "depois" e arraste a alça pelo controle deslizante para passar de uma à outra em tempo real.
Foi feito para quem precisa mostrar uma transformação: fotógrafos apresentando retoques e correções de cor, designers comparando layouts antigos e novos, e qualquer pessoa documentando restaurações ou melhorias em produtos. Você pode comparar na horizontal ou na vertical, renomear os rótulos e baixar a comparação pronta como PNG.
Como Fazer uma Comparação Antes e Depois
Adicione suas duas imagens
Você verá duas zonas, Antes e Depois. Clique em uma zona para abrir o seletor de arquivos ou arraste e solte uma imagem diretamente sobre ela. Uma miniatura aparece assim que a imagem carrega; use o botão Remover para substituí-la por outra.
Comece a comparar
Com as duas imagens no lugar, clique em Comparar. A visualização do controle deslizante abre com as imagens sobrepostas, e você arrasta a alça para revelar cada lado. Clique em qualquer ponto da imagem para levar o divisor até ali.
Personalize a comparação
Alterne entre orientação Horizontal e Vertical, use Trocar imagens para inverter os dois lados e digite seu próprio texto nos campos de rótulo (por exemplo "Original" e "Retocada").
Baixe ou recomece
Clique em Baixar para salvar um PNG que captura a posição atual do divisor, a linha branca do divisor e os dois rótulos. Para começar um novo par, use Nova comparação e volte à tela de envio.
Recursos
Envio por Arrastar e Soltar
Adicione as imagens de antes e depois soltando-as nas zonas de envio ou clicando para procurar. Formatos comuns como JPEG, PNG e WebP são suportados.
Controle Deslizante Interativo
Um divisor suave responde a mouse, toque, caneta e teclado. Arraste a alça ou clique em qualquer ponto da imagem e a revelação se atualiza na hora.
Modos Horizontal e Vertical
Divida a comparação da esquerda para a direita em paisagens, ou de cima para baixo em imagens altas, em retrato. Mudar a orientação recentraliza o controle.
Trocar Imagens
Inverta as imagens de antes e depois com um clique. Os rótulos trocam junto com elas, então a comparação permanece consistente.
Rótulos Personalizados
Substitua os textos padrão "Antes" e "Depois" pelos seus — como "Original" e "Aprimorada" — e a sobreposição se atualiza enquanto você digita.
Baixar como PNG
Exporte a comparação na resolução total da imagem de antes, com a linha do divisor e os rótulos embutidos na posição atual do controle.
Navegação por Teclado
Mova o divisor com precisão usando as setas (2% por passo) e segure Shift para saltos maiores de 10%.
Compatível com Toque e Celular
O controle deslizante funciona com gestos de dedo em celulares e tablets, e a interface se adapta a telas menores.
Controles Acessíveis
O controle deslizante expõe atributos ARIA adequados e um papel focável para usuários de teclado e leitores de tela.
Funciona Totalmente no Navegador
As imagens são processadas localmente e nunca enviadas a um servidor, então suas comparações ficam privadas e carregam na hora.
Perguntas Frequentes
Como faço uma comparação antes e depois?
Envie uma imagem para a zona Antes e outra para a zona Depois e clique em Comparar. Arraste a alça pelo controle deslizante para revelar cada imagem. Você pode mudar a orientação, editar os rótulos e baixar o resultado — sem conta nem instalação.
Como comparo duas fotos lado a lado?
Depois que as duas imagens carregam e você clica em Comparar, as duas fotos ficam sobrepostas e um divisor passa entre elas. Arraste a alça para a esquerda e para a direita (ou para cima e para baixo no modo vertical) para mostrar mais de uma imagem do que da outra e ver exatamente o que mudou.
Quais formatos de imagem são suportados?
Qualquer formato de imagem que seu navegador consiga exibir funciona, incluindo JPEG, PNG, WebP, GIF e BMP. Para a comparação mais limpa, JPEG ou PNG são recomendados.
Minhas imagens precisam ter o mesmo tamanho?
Não, mas dimensões iguais dão o melhor resultado. Se as duas imagens forem de tamanhos diferentes, a imagem de depois é redimensionada para preencher a área de exibição da imagem de antes, de modo que o controle deslizante continue alinhado.
Dá para exportar ou baixar a imagem antes e depois?
Sim. O botão Baixar salva um PNG na resolução original da imagem de antes. Ele captura a posição atual do divisor junto com a linha branca do divisor e os dois rótulos, pronto para compartilhar ou colocar em uma apresentação.
Minhas imagens são enviadas para um servidor?
Não. Todo o processamento acontece inteiramente no seu navegador. Suas imagens nunca saem do seu dispositivo, e nada é armazenado ou rastreado.
Funciona no celular?
Sim. O controle deslizante aceita gestos de toque, então você arrasta o divisor com o dedo como no computador, e o layout se adapta a telas de celular e tablet.
Para que serve o modo vertical?
O modo vertical divide a comparação de cima para baixo, em vez de da esquerda para a direita. É ideal para imagens altas ou em orientação retrato, onde uma divisão horizontal não revelaria as diferenças com clareza.
Ainda não há comentários. Seja o primeiro a comentar!