Memes, colagens e grades / Comparar

Slider de comparação de imagens: fotos de antes e depois

Compare duas imagens com um slider de antes e depois que você pode arrastar, como uma edição e o original, duas fotos de uma reforma ou duas versões de um design; adicione rótulos, alterne para a visualização lado a lado e baixe a comparação como um único PNG em resolução máxima.

Slider de comparação de imagens: fotos de antes e depois: A imagem de depois é desenhada sobre a imagem de antes e recortada na posição do slider, permitindo revelar uma e outra ao arrastá-lo. O download é uma única imagem no tamanho original da imagem de antes, dividida na posição do slider com uma linha branca, ou com as duas imagens lado a lado e seus rótulos nos cantos. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
Controle deslizante de comparação de imagensProcessamento local

Roda inteiramente no seu navegador

Aplica-se à próxima exportação raster.
Solte uma imagem aqui, cole ou procure arquivos
Solte uma imagem aqui, cole ou procure arquivos
Antes
Depois
⟷
AntesDepois

Arraste pela imagem ou use as teclas de seta para alternar entre as duas. O download é uma única imagem no tamanho completo da imagem antes, dividida no ponto do controle deslizante, ou as duas lado a lado. Suas imagens nunca saem do navegador.

Alinhando as imagens

Tire as duas fotos do mesmo lugar e com o mesmo zoom ou recorte-as para que tenham o mesmo enquadramento. Assim, o controle deslizante mostra apenas o que mudou.

Várias imagens

Para colocar várias imagens lado a lado em uma grade, use o criador de colagens de fotos.

Como usar

  1. Escolha as imagens de antes e depois.
  2. Arraste o slider ou use as teclas de seta para comparar.
  3. Adicione rótulos e baixe a imagem dividida ou lado a lado.

Privacidade e limitações

Suas imagens permanecem no navegador e nunca são enviadas.

Ferramentas relacionadas

Perguntas frequentes

As imagens precisam ter o mesmo tamanho?

Elas devem ter as mesmas proporções; a imagem de depois é redimensionada para o tamanho da imagem de antes. Por isso, alinhe-as e recorte-as da mesma forma antes.

Posso colocar o slider no meu site?

Esta ferramenta cria uma imagem da comparação; um slider interativo em um site precisa de código nesse site.

Posso comparar mais de duas imagens?

Não ao mesmo tempo: compare duas e depois troque uma delas.

Ferramenta grátis · no seu navegador execuções · não precisa de conta