# Post de antes e depois: um layout que conta a história

[Canonical HTML page](https://gradiently.design/pt-br/guide/before-and-after-post)

Poucos formatos convencem tão rápido quanto um antes e depois. Poucos são tão fáceis de errar, com fotos que não combinam, layouts apertados ou resultados que receberam uma ajudinha.

## The short version

- Um post de antes e depois mostra duas fotos equivalentes do mesmo assunto, para que a mudança entre elas seja a única diferença.
- Tire as duas fotos do mesmo ângulo, distância e luz, ou a comparação deixa de ser justa.
- Lado a lado combina com posts quadrados e horizontais, empilhado combina com stories, e um carrossel de duas páginas faz o depois chegar como uma revelação.
- Identifique cada metade com clareza e mantenha as etiquetas no mesmo lugar dos dois lados.
- Publique só resultados reais, com o consentimento do cliente, e não edite nenhuma das fotos além de igualar a exposição.

Um bom **post de antes e depois** mostra o mesmo assunto duas vezes, fotografado do mesmo jeito, para que a única coisa que muda seja o trabalho que você fez. A função do layout é deixar essa mudança óbvia num relance: duas metades, etiquetas claras, nada competindo. Salões, faxinas, decoradores, paisagistas, estéticas automotivas, fisioterapeutas e designers dependem desse formato, porque um resultado convence mais do que qualquer descrição dele.

## Comece com fotos que combinam

A maioria dos posts de antes e depois fracos falha antes de alguém abrir uma ferramenta de design. O antes foi tirado com a luz fraca da noite numa lente grande-angular; o depois, com luz do dia forte e de um ângulo favorável. Quem vê percebe, mesmo sem saber dizer por quê, e o post inteiro parece encenado.

1. **Marque o seu lugar** Fique no mesmo ponto nas duas fotos. Uma tira de fita no chão, ou anotar de qual porta você fotografou, já basta.
2. **Use a mesma altura e a mesma lente** Segure o celular na mesma altura e use o mesmo zoom. Trocar para a grande-angular numa das fotos muda as proporções do ambiente.
3. **Iguale a luz** Mesmo horário, as mesmas luminárias acesas ou apagadas. Se não der, fotografe as duas com as luzes principais acesas e as persianas na mesma posição.
4. **Mantenha a orientação do quadro** As duas na vertical ou as duas na horizontal. Um antes vertical ao lado de um depois horizontal nunca vai se alinhar.
5. **Tire várias de cada** Escolha depois o par que combina melhor. É muito mais fácil do que recriar um antes quando o trabalho já está feito.

## Layouts de antes e depois que funcionam

Existem três layouts confiáveis. Qual usar depende da plataforma e de quão impressionante é a mudança.

| Layout | Ideal para | Tamanho |
| --- | --- | --- |
| Lado a lado | Posts de feed, ambientes, carros, jardins | Quadrado 1080×1080 ou horizontal 1080×566 |
| Empilhado | Stories, capas de Reels, retratos de pessoas | Story 1080×1920 ou post 1080×1350 |
| Carrossel de duas páginas | Grandes revelações em que o depois deve chegar como surpresa | Post 1080×1350, duas páginas |

Três layouts e os tamanhos que combinam com eles. Um layout empilhado dá a cada foto a largura inteira, o que ajuda no celular.

- Lado a lado 1080×1080: 1080 × 1080
- Empilhado 1080×1920: 1080 × 1920
- Página de carrossel 1080×1350: 1080 × 1350

Divida um quadrado ao meio na vertical e cada foto vira uma faixa alta de 540×1080. Divida um story ao meio na horizontal e cada metade fica quase quadrada, com 1080×960.

Repare no que a divisão faz com cada foto. Lado a lado num quadrado, cada metade fica alta e estreita, o que serve para uma porta ou uma pessoa em pé, mas corta muito um ambiente largo. Empilhado num story, cada metade fica quase quadrada, o que serve para a maioria dos assuntos. Se suas fotos são horizontais, o layout empilhado costuma desperdiçar menos delas. No story, mantenha as etiquetas longe dos 250 pixels de cima e de baixo, onde fica a própria interface do app, como explica [áreas seguras nas redes sociais](https://gradiently.design/pt-br/guide/social-media-safe-zones).

### A revelação em carrossel

Um carrossel deixa o antes aparecer sozinho primeiro. A primeira página mostra o problema com uma frase curta (“Seis anos de musgo.”), a segunda mostra o resultado. O deslizar vira a revelação, o que costuma prender mais a atenção do que ver os dois de uma vez. Mantenha as fotos enquadradas de forma idêntica, para que o deslizar pareça uma única imagem mudando. [Tamanho de carrossel no Instagram](https://gradiently.design/pt-br/guide/instagram-carousel-size) traz as dimensões das páginas.

A primeira página de um carrossel com a etiqueta Antes e a frase Seis anos de musgo

Página um: o antes, identificado, com uma frase que apresenta o problema.

A segunda página do carrossel com a etiqueta Depois e a frase A mesma entrada, domingo

Página dois: o depois, com a etiqueta no mesmo lugar para o olho comparar direto.

## Etiquetas, linhas e marca

Identifique cada metade com “Antes” e “Depois” na mesma posição, no mesmo tamanho e na mesma cor. As pessoas comparam alternando o olhar entre pontos equivalentes, e uma etiqueta no canto superior esquerdo de um lado e no inferior direito do outro quebra esse ritmo. Versaletes ou uma pequena aba funcionam bem.

- Coloque um divisor fino entre as metades, ou um espaço na cor da sua marca, para que as fotos não se misturem.
- Acrescente uma linha de contexto: o serviço, quanto tempo levou ou o produto usado. Não um parágrafo.
- Mantenha seu logo pequeno e num canto. O resultado é o anúncio.
- Use a mesma moldura em todo antes e depois que publicar, para que virem uma série reconhecível.

Palavras sobre fotos pedem cuidado, porque uma janela clara ou uma parede branca podem engolir uma etiqueta branca. [Texto legível sobre fotos](https://gradiently.design/pt-br/guide/readable-text-on-photos) mostra as opções. Manter as etiquetas numa faixa com a sua marca acima ou abaixo das fotos, e não sobre elas, evita o problema por completo.

## Ética: mostre só resultados reais

A força do formato também é o seu risco. Um antes e depois é uma promessa: isto é o que sabemos fazer. Se o resultado foi retocado, emprestado ou excepcional, a promessa é falsa, e em algumas áreas, como tratamentos estéticos, saúde e emagrecimento, as regras de publicidade para essas imagens são rígidas. Confira as regras do seu setor e do seu país antes de publicar.

### Evite

- Retocar o depois ou escurecer o antes
- Iluminação diferente que favorece o resultado
- Fotos de banco de imagens ou de outra empresa
- Seu melhor resultado apresentado como típico
- O rosto ou a casa de um cliente sem consentimento

### Faça

- Iguale apenas a exposição e o balanço de branco
- Mesmo ângulo, distância e luz nas duas
- Seu próprio trabalho, fotografado por você
- Diga quanto tempo levou e o que foi feito
- Autorização por escrito e a opção de ficar anônimo

Quando se trata de pessoas, e não de lugares, o consentimento importa ainda mais. Peça antes de tirar a foto do antes, explique onde ela vai aparecer e ofereça cortar rostos ou tatuagens. Muitos clientes ficam felizes em mostrar o resultado quando sabem que podem dizer não.

## Faça a moldura ser sua

Quando toda faxina e todo salão publicam o mesmo modelo branco dividido ao meio, a moldura é onde você pode se destacar. Um fundo consistente em volta das fotos, o mesmo estilo de etiqueta e a mesma fonte transformam uma sequência de resultados em algo que as pessoas reconhecem como seu no feed. [Ideias de Instagram para pequenos negócios](https://gradiently.design/pt-br/guide/small-business-instagram) e [posts para redes sociais de salão](https://gradiently.design/pt-br/guide/salon-social-media-posts) mostram como isso se encaixa num plano maior.

No Gradiently, um carrossel é simplesmente um conjunto de páginas de um único design, então o antes e o depois compartilham todos os ajustes, e o redimensionamento gera o tamanho de story a partir do mesmo design, pronto para você empilhar as fotos. O fundo é o seu Mark, um visual que nenhuma outra empresa pode usar depois que ele é seu.

## FAQ

### Como fazer um post de antes e depois?

Fotografe o assunto do mesmo ponto, altura e luz antes e depois do trabalho, e coloque as fotos lado a lado ou empilhadas com etiquetas de Antes e Depois iguais.

### Qual o tamanho de um post de antes e depois no Instagram?

Use 1080×1080 para lado a lado, 1080×1920 para um story empilhado, ou duas páginas de carrossel de 1080×1350 para uma revelação ao deslizar.

### Posso editar fotos de antes e depois?

Igualar a exposição e o balanço de branco tudo bem. Retocar o resultado ou piorar o antes engana as pessoas e pode violar regras de publicidade.

### Preciso de autorização para fotos de antes e depois de clientes?

Sim. Peça antes de tirar a foto do antes, explique onde ela vai aparecer e ofereça esconder rostos ou detalhes que identifiquem a pessoa.

### Antes e depois fica melhor lado a lado ou em carrossel?

Lado a lado mostra a mudança na hora e serve para um único post de feed. Um carrossel de duas páginas guarda o depois para o deslizar, o que funciona melhor quando a mudança é impressionante.