Montagem de foto antes e depois: lado a lado ou slider?

Escolha entre montagem lado a lado, sobreposição e slider interativo conforme canal, prova necessária e risco de distorção.

Resposta direta

Use lado a lado para arquivos fáceis de compartilhar, sobreposição para conferir alinhamento e slider para inspeção interativa. Em todos os formatos, preserve proporção, identifique antes e depois e explique quando uma das imagens for simulada.

Qual formato usar por canal?

Decida antes do Passo 3. Slider só existe na web; para arquivo estático, gere sempre uma montagem lado a lado separada.

CanalUsePor quêÁrea segura
Instagram feed / carrosselLado a lado ou carrosselMais portátil; confira a área segura do formato escolhidoTeste no tamanho real; não deixe rótulo sob botões ou corte
WhatsApp / envio diretoLado a lado em arquivo únicoAbre em qualquer celular sem linkRótulos grandes, legíveis sem zoom
Site / página de serviçoSlider + versão lado a lado de reservaSlider para inspeção interativa; lado a lado para salvar/imprimirPreserve proporção, identifique antes e depois; explique se uma imagem for simulada

Regra: preserve proporção, identifique antes e depois e explique quando uma imagem for simulada.

Passo a passo

  1. 01

    Passo 1

    Recorte as imagens na mesma proporção.

  2. 02

    Passo 2

    Alinhe um ponto fixo do assunto.

  3. 03

    Passo 3

    Escolha lado a lado, sobreposição ou slider.

  4. 04

    Passo 4

    Adicione rótulos legíveis sem cobrir evidência.

  5. 05

    Passo 5

    Exporte e teste no tamanho real do canal.

Checklist de exportação: 1) mesma proporção 2) rótulos inequívocos fora da prova 3) sem esticar 4) legível no celular no tamanho real 5) se for baixar, exportar lado a lado separado do slider.

Exemplo: mesma proporção, rótulos fora da prova

Antes [esquerda] / Depois [direita], mesmo recorte, sem esticar. Rótulos ANTES e DEPOIS no topo, sem cobrir a evidência. No celular, legíveis sem zoom.

Montagem lado a lado com foto do ambiente antes e depois da reforma, com rótulos Antes e Depois fora da área de comparação
Exemplo lado a lado com proporção igual. Para web interativa, use o mesmo par no slider; para download, mantenha este arquivo.

Exporte e teste no tamanho real do canal.

Erros que invalidam a comparação

Recortes diferentes para ampliar contraste

Usar recortes diferentes para ampliar contraste.

Rótulos invertidos

Inverter os rótulos.

Compressão excessiva que impede verificação

Comprimir tanto que detalhes deixam de ser verificáveis.

Perguntas frequentes

Qual formato é melhor para Instagram?

O lado a lado ou carrossel costuma ser mais portátil; confira a área segura do formato escolhido.

Slider funciona em imagem baixada?

Não. O slider é uma interação web; para arquivo estático, gere uma montagem separada.

Devo colocar marca d'água?

Pode ser útil para autoria, desde que não esconda partes importantes da comparação.

Privacidade e cookies

Cookies necessários mantêm login e segurança. Analytics e anúncios só entram se você aceitar.

Veja a Política de Privacidade e os Termos de Uso.

Reviewed by the Antes e Depois team · Last reviewed .

Help & support