# Publicações antes e depois: um layout que conta a história

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

Poucos formatos convencem tão depressa como um antes e depois. Poucos são tão fáceis de estragar, com fotos que não coincidem, layouts apertados ou resultados que tiveram ajuda.

## The short version

- Uma publicação antes e depois mostra duas fotos iguais do mesmo assunto, para que a mudança entre elas seja a única diferença.
- Tira as duas fotos do mesmo ângulo, à mesma distância e com a mesma luz, ou a comparação deixa de ser justa.
- Lado a lado serve publicações quadradas e horizontais, empilhado serve stories, e um carrossel de duas páginas deixa o depois chegar como revelação.
- Identifica cada metade com clareza e mantém as etiquetas no mesmo sítio dos dois lados.
- Publica só resultados reais, com o consentimento do cliente, e evita editar qualquer das fotos além de igualar a exposição.

Uma boa **publicação antes e depois** mostra o mesmo assunto duas vezes, fotografado da mesma maneira, para que a única coisa que muda seja o trabalho que fizeste. O trabalho do layout é tornar essa mudança óbvia de relance: duas metades, etiquetas claras, nada a competir. Salões, empresas de limpeza, decoradores, paisagistas, detalhe automóvel, fisioterapeutas e designers recorrem todos ao formato, porque um resultado convence mais do que qualquer descrição dele.

## Começa com fotos que coincidam

A maioria das publicações antes e depois fracas falha antes de alguém abrir uma ferramenta de design. O antes foi tirado com luz fraca ao fim do dia numa grande angular; o depois foi tirado à luz do dia, de um ângulo favorável. Quem vê repara, mesmo sem saber dizer porquê, e a publicação toda parece encenada.

1. **Marca o teu sítio** Fica no mesmo lugar nas duas fotos. Uma fita no chão, ou uma nota da porta de onde tiraste, basta.
2. **Iguala a altura e a lente** Segura o telemóvel à mesma altura e usa o mesmo zoom. Mudar para a grande angular numa só foto altera as proporções da divisão.
3. **Iguala a luz** A mesma hora do dia, os mesmos candeeiros acesos ou apagados. Se não for possível, tira as duas com as luzes principais acesas e os estores na mesma posição.
4. **Mantém 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 alinhar.
5. **Tira algumas de cada** Escolhe depois o par que melhor coincide. É muito mais fácil do que recriar um antes quando o trabalho já está feito.

## Layouts de antes e depois que funcionam

Há três layouts fiáveis. Qual usar depende da plataforma e do quão dramática é a mudança.

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

Três layouts e os tamanhos que lhes servem. Um layout empilhado dá a cada foto a largura toda, o que ajuda no telemóvel.

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

Divide um quadrado ao meio e cada foto passa a ser uma faixa alta de 540×1080. Divide um story pelo meio e cada metade é um quase quadrado de 1080×960.

Repara no que a divisão faz a cada foto. Lado a lado num quadrado, cada metade fica alta e estreita, o que serve uma porta ou uma pessoa de pé, mas corta muito uma divisão larga. Empilhado num story, cada metade fica quase quadrada, o que serve a maioria dos assuntos. Se as tuas fotos são horizontais, um layout empilhado costuma desperdiçar menos delas. Num story, mantém as etiquetas fora dos 250 píxeis de cima e de baixo, onde fica a própria interface da aplicação, como explicam as [zonas seguras das redes sociais](https://gradiently.design/pt-pt/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 linha curta (“Seis anos de musgo.”), a segunda mostra o resultado. O deslizar passa a ser a revelação, o que tende a prender mais a atenção do que ver os dois ao mesmo tempo. Mantém as fotos enquadradas de forma idêntica para que o deslizar pareça uma só imagem a mudar. O [tamanho de carrossel do Instagram](https://gradiently.design/pt-pt/guide/instagram-carousel-size) traz as dimensões das páginas.

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

Primeira página: o antes, com etiqueta, e uma linha que prepara o problema.

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

Segunda página: o depois, com a etiqueta no mesmo sítio para o olho comparar diretamente.

## Etiquetas, linhas e marca

Identifica cada metade com “Antes” e “Depois” na mesma posição, no mesmo tamanho e na mesma cor. Os leitores comparam saltando com os olhos entre pontos iguais, e uma etiqueta no canto superior esquerdo de um lado e inferior direito do outro quebra esse ritmo. Versaletes ou uma pequena aba funcionam bem.

- Põe um filete fino entre as metades, ou um espaço na cor da tua marca, para que as fotos não se misturem.
- Acrescenta uma linha de contexto: o trabalho, o tempo que levou ou o produto usado. Não um parágrafo.
- Mantém o logótipo pequeno e num canto. O resultado é que é o anúncio.
- Usa a mesma moldura em todos os antes e depois que publicas, para se tornarem uma série reconhecível.

As palavras sobre fotografias pedem cuidado, porque uma janela clara ou uma parede branca podem engolir uma etiqueta branca. O guia para [tornar o texto legível sobre fotografias](https://gradiently.design/pt-pt/guide/readable-text-on-photos) cobre as opções. Pôr as etiquetas numa faixa de marca acima ou abaixo das fotografias, e não sobre elas, evita o problema por completo.

## Ética: mostra só resultados reais

A força do formato é também o seu risco. Um antes e depois é uma afirmação: é isto que sabemos fazer. Se o resultado foi retocado, emprestado ou excecional, a afirmação é falsa, e em alguns setores, como tratamentos estéticos, saúde e perda de peso, as regras de publicidade sobre estas imagens são rigorosas. Confirma as regras do teu setor e país antes de publicares.

### Evita

- Retocar o depois, ou escurecer o antes
- Iluminação diferente que favorece o resultado
- Fotografias de stock ou de outro negócio
- O teu melhor resultado apresentado como típico
- O rosto ou a casa de um cliente sem o seu consentimento

### Faz

- Igualar só a exposição e o equilíbrio de brancos
- O mesmo ângulo, distância e luz nas duas
- O teu próprio trabalho, fotografado por ti
- Dizer quanto tempo levou e o que envolveu
- Autorização escrita e a opção de ficar anónimo

Com pessoas, e não com lugares, o consentimento conta ainda mais. Pergunta antes de a foto do antes ser tirada, explica onde vai aparecer e oferece-te para cortar rostos ou tatuagens. Muitos clientes ficam contentes por partilhar o resultado quando sabem que podem dizer não.

## Faz a moldura tua

Quando todas as empresas de limpeza e todos os salões publicam o mesmo modelo branco dividido, a moldura é onde te podes distinguir. Um fundo coerente à volta das fotografias, o mesmo estilo de etiqueta e o mesmo tipo de letra transformam uma sequência de resultados em algo que as pessoas reconhecem como teu no feed. As [ideias de Instagram para pequenos negócios](https://gradiently.design/pt-pt/guide/small-business-instagram) e as [publicações para salões](https://gradiently.design/pt-pt/guide/salon-social-media-posts) mostram como isto se encaixa num plano mais amplo.

No Gradiently, um carrossel é simplesmente páginas de um só design, por isso o antes e o depois partilham todas as definições, e redimensionar cria o tamanho de story a partir do mesmo design, pronto para empilhares as fotografias. O fundo é o teu Mark, um visual que mais nenhum negócio pode usar quando é teu.

## FAQ

### Como se faz uma publicação antes e depois?

Fotografa o assunto do mesmo sítio, altura e luz antes e depois do trabalho e coloca as fotos lado a lado ou empilhadas com etiquetas Antes e Depois a condizer.

### Que tamanho tem uma publicação antes e depois no Instagram?

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

### Posso editar fotos de antes e depois?

Igualar a exposição e o equilíbrio de brancos é aceitável. Retocar o resultado ou fazer o antes parecer pior engana as pessoas e pode violar as regras de publicidade.

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

Sim. Pergunta antes de tirar a foto do antes, explica onde vai aparecer e oferece-te para ocultar rostos ou pormenores identificáveis.

### O antes e depois deve ser lado a lado ou em carrossel?

Lado a lado mostra a mudança de imediato e serve uma única publicação de feed. Um carrossel de duas páginas guarda o depois para o deslizar, o que funciona melhor quando a mudança é dramática.