Mercado
Preços
Iniciar sessãoComeçar
Guia PráticoRedes sociais
Redes sociais

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

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.

GradientlyConta Gradiently verificada·1 de outubro de 2026·6 min de leitura
Capa: Burnt Shallows · GR·AEV5·WQ

A versão curta

  • 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.
Nesta página
Começa com fotos que coincidamLayouts de antes e depois que funcionamEtiquetas, linhas e marcaÉtica: mostra só resultados reaisFaz a moldura tua

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. 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. 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. 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. 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. 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.

Lado a lado

Ideal para

Publicações de feed, divisões, carros, jardins

Tamanho

Quadrado 1080×1080 ou horizontal 1080×566
Empilhado

Ideal para

Stories, capas de Reels, retratos de pessoas

Tamanho

Story 1080×1920 ou publicação 1080×1350
Carrossel de duas páginas

Ideal para

Grandes revelações em que o depois deve chegar como surpresa

Tamanho

Publicação 1080×1350, duas páginas
LayoutIdeal paraTamanho
Lado a ladoPublicações de feed, divisões, carros, jardinsQuadrado 1080×1080 ou horizontal 1080×566
EmpilhadoStories, capas de Reels, retratos de pessoasStory 1080×1920 ou publicação 1080×1350
Carrossel de duas páginasGrandes revelações em que o depois deve chegar como surpresaPublicaçã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.

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 traz as dimensões das páginas.

Antes
Seis anos de musgo.
Entrada de garagem, sábado de manhã
Gradiently · @gradiently

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

Depois
A mesma entrada, domingo.
Lavada com pressão e areada de novo
Gradiently · @gradiently

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 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 e as publicações para salões 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.

Cria com um gradiente vivo

Publicações, stories, diapositivos e banners em todos os tamanhos, com texto que se lê sempre.

Começar a criar, grátis

Perguntas frequentes

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.

Partilhar este guia

Escrito pela GradientlyConta Gradiently verificada

A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.

Ver o nosso perfil

Nesta página

Começa com fotos que coincidamLayouts de antes e depois que funcionamEtiquetas, linhas e marcaÉtica: mostra só resultados reaisFaz a moldura tua

Partilhar este guia

A seguir em Redes sociais

Design de publicação de sorteio: regras, prémio e chamada

Continua a ler

Todos os guias de Redes sociais
Redes sociais

Carrossel do Instagram: slides que as pessoas percorrem até ao fim

6 min de leitura

Um carrossel é um pequeno livro que se folheia com o polegar. Vê como escrever a primeira página para que a virem e como desenhar as restantes para que continuem.

Casos de uso

Ideias de Instagram para pequenos negócios: 40 publicações

6 min de leitura

Todos os pequenos negócios batem na mesma parede: sabes que devias publicar e não fazes ideia do quê. Eis quarenta ideias que servem lojas, estúdios, cafés e serviços, e uma forma de as fazer parecer tuas.

Tipografia e texto

Como tornar o texto legível em fotografias sem caixa

6 min de leitura

Uma caixa sólida atrás do título funciona, mas faz todas as publicações parecerem um meme. Estas técnicas mantêm a fotografia inteira e as palavras claras, com código para a web e definições para publicações sociais.

Encontra o visual que é só teu.

Cada Mark é um fundo vivo com um só dono. Experimenta um Mark ainda disponível e reserva o teu quando te parecer certo.

Começar a criar

Verificar um certificado

Escreve um número de certificado ou o código de um Mark para veres quem é o dono.

Funciona com o ChatGPT e o Claude

Pede um design à tua IA. Ela cria-o no teu Mark, pronto a editar.

ChatGPTClaude
Como ligar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia Prático
  • Centro de ajuda
  • Novidades

Programadores

  • Visão geral
  • ChatGPT e Claude
  • Referência da API
  • Chaves de API

Empresa

  • Sobre nós
  • Contactos
  • Iniciar sessão

Legal

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção de Marks
  • Cookies
  • Todas as políticas
Passa pelas letras. Cada uma veste um Mark real.Toca numa letra para veres o seu Mark.Um nome. Dez Marks lá dentro.
© 2026 Gradiently