# Design de anúncio no Facebook: criativos que param a rolagem

[Canonical HTML page](https://gradiently.design/pt-br/guide/facebook-ad-design)

Um anúncio no Facebook ganha o mesmo meio segundo que tudo ao redor. A imagem precisa ser reconhecível como sua, dizer uma coisa só e deixar a venda para as palavras que a Meta mostra acima e abaixo dela.

## The short version

- Um bom design de anúncio no Facebook coloca uma só mensagem na imagem, em poucas palavras, e deixa os detalhes para o texto principal e o título do anúncio.
- Imagens quadradas de 1200×1200 ou em retrato de 1080×1350 funcionam no feed do Facebook, e 1080×1920 serve para stories e Reels.
- A Meta não reprova mais anúncios de imagem pela quantidade de texto, mas um texto curto na imagem continua mais fácil de ler num feed em movimento.
- Anúncios que compartilham fundo, cor e tipografia com os posts orgânicos de uma marca são reconhecidos antes de alguém ler o logotipo.
- Cada posicionamento deve ganhar a sua própria versão do design, e não um recorte de uma única imagem.

Um bom **design de anúncio no Facebook** se resume a quatro coisas: uma mensagem na imagem, dita em poucas palavras; um visual que as pessoas reconhecem como seu antes de ler o logotipo; um layout claro que não briga com o título que a Meta mostra embaixo; e uma versão feita para cada posicionamento, para que o feed receba uma imagem quadrada ou em retrato e os stories uma vertical inteira. O resto é teste, assunto de [testes de criativos para anúncios](https://gradiently.design/pt-br/guide/ad-creative-testing).

## Tamanhos de anúncio no Facebook por posicionamento

As ferramentas da Meta conseguem recortar uma imagem para todos os posicionamentos, mas o resultado raramente é o que você escolheria. Crie estas três versões e você cobre quase todos os lugares onde um anúncio de imagem aparece.

| Posicionamento | Tamanho | Proporção | Observações |
| --- | --- | --- | --- |
| Feed, quadrado | 1200×1200 px | 1:1 | O padrão seguro, funciona em quase todo lugar |
| Feed, retrato | 1080×1350 px | 4:5 | Ocupa mais da tela no celular |
| Stories e Reels | 1080×1920 px | 9:16 | Deixe as palavras fora dos cerca de 250 px do topo e da base |
| Anúncios com link | 1200×630 px | Cerca de 1,91:1 | Imagem larga acima do título de um link |

O [tamanho de post](https://gradiently.design/pt-br/guide/facebook-post-size) e o [tamanho de story](https://gradiently.design/pt-br/guide/facebook-story-size) do Facebook são os mesmos formatos que os anúncios usam.

- Feed quadrado 1200×1200: 1200 × 1200
- Feed retrato 1080×1350: 1080 × 1350
- Stories e Reels 1080×1920: 1080 × 1920

Os três formatos, em escala. Um design montado para o quadrado precisa ser reorganizado, não esticado, para os outros dois.

## O que vai na imagem e o que vai no texto

Um anúncio no feed é mais do que a sua imagem. A Meta mostra o nome da sua página e o texto principal acima dela, e um título e um botão abaixo. A imagem não deve repetir essas palavras; ela deve fazer o que as palavras ao lado não conseguem, que é parar a rolagem e tornar a oferta real.

### Na imagem

- A ideia única, em até umas oito palavras
- O produto, o resultado ou a sensação
- O seu fundo e as suas cores reconhecíveis
- Um logotipo pequeno, se a marca não for óbvia

### No texto do anúncio

- Texto principal: o motivo para se importar, em uma ou duas linhas
- Título: a oferta ou o resultado, sem rodeios
- Botão: Comprar agora, Reservar agora, Saiba mais
- Detalhes, condições e datas

Um anúncio de feed do Facebook em retrato anunciando O blend de inverno voltou, com Pequeno lote acima

Versão do feed: uma linha, um detalhe, e o fundo fazendo o reconhecimento.

O mesmo anúncio de café como um story vertical de 1080 por 1920, com as palavras centralizadas

A versão para stories do mesmo anúncio, refeita com as palavras na faixa do meio.

## Quanto texto a imagem de um anúncio no Facebook deve ter

A Meta limitava o texto a um quinto da imagem e abandonou essa regra em 2020. As orientações dela ainda favorecem imagens com pouco texto, e o bom senso também: um anúncio é lido em movimento, no celular, ao lado de um título que já existe. Mire numa única linha curta e, no máximo, um detalhe menor.

> **Curto é uma escolha de design** Se a sua mensagem precisa de três frases, ela pertence ao texto principal. A linha da imagem é o título do título. [Hierarquia de texto em posts para redes sociais](https://gradiently.design/pt-br/guide/text-hierarchy-social) mostra como ordenar o que sobra.

Todo texto que houver precisa ser legível em cada parte do fundo. Um gradiente ou uma foto clara num canto e escura em outro pode engolir uma palavra que cruza essa fronteira. Mantenha uma área calma e uniforme atrás da linha e confira o contraste no tamanho do celular.

## Como tornar os anúncios reconhecíveis como seus

As pessoas passam direto por anúncios que acham que já avaliaram. Um anúncio parecido com os seus posts orgânicos empresta a confiança que esses posts conquistaram; um que parece template de banco de imagens não empresta nada. O caminho mais rápido para o reconhecimento é um fundo e uma cor consistentes, usados em todo lugar. [Ativos de marca distintivos](https://gradiently.design/pt-br/guide/distinctive-brand-assets) explica por que um visual pode trabalhar mais do que um logotipo.

- Torra escura: #1a120b
- Cacau: #5c3d2e
- Luz de cobre: #b5651d
- Crema: #e8c39e
- Tinta de papel: #f4ede4

A paleta de anúncios de uma torrefação, a mesma dos seus posts e embalagens. O reconhecimento vem da repetição, não da novidade.

- Use a mesma família de fundos em todos os anúncios, variando a mensagem e o produto em vez do visual.
- Mantenha o logotipo pequeno e sempre no mesmo canto; o fundo faz o trabalho pesado.
- Use as suas fontes de verdade, não a que a ferramenta de anúncios sugerir.
- Mostre o produto real ou um resultado real sempre que puder; as pessoas confiam no que parece ser aquilo que vão receber.

## Produzindo um conjunto de anúncios no Facebook

1. **Escreva três mensagens** Três motivos diferentes para alguém comprar: o produto, o resultado, a ocasião. Cada um vira um anúncio.
2. **Crie primeiro a versão do feed em retrato** 1080×1350 dá o maior espaço no celular e obriga você a manter a mensagem curta.
3. **Faça as versões quadrada e vertical** Monte cada mensagem de novo em 1200×1200 e 1080×1920 em vez de recortar, para que as palavras nunca fiquem sob a interface.
4. **Escreva um texto que complemente a imagem** O texto principal acrescenta o porquê; o título nomeia a oferta. Nenhum dos dois repete a linha da imagem palavra por palavra.
5. **Veja a prévia em cada posicionamento** O gerenciador de anúncios da Meta mostra cada posicionamento. Olhe todos num celular antes de publicar.

O Gradiently agiliza a etapa dos tamanhos: crie o anúncio uma vez e, com o Pro, redimensione para todos os posicionamentos de uma só vez, com o Mark renderizado do zero em cada formato e a sua área calma se movendo atrás das palavras. Você também pode pedir ao Designer três mensagens na voz do seu kit de marca e recebê-las montadas no seu Mark. O mesmo conjunto se adapta ao [design de anúncio no Instagram](https://gradiently.design/pt-br/guide/instagram-ad-design), já que os dois passam pelo gerenciador de anúncios da Meta.

## FAQ

### Qual deve ser o tamanho da imagem de um anúncio no Facebook?

Use 1080×1350 para anúncios de feed em retrato ou 1200×1200 para quadrados, e 1080×1920 para os posicionamentos de stories e Reels.

### O Facebook ainda tem a regra dos 20% de texto?

Não. A Meta abandonou a regra em 2020, mas ainda recomenda manter curto o texto nas imagens de anúncio, e um texto curto se lê melhor no feed.

### A imagem de um anúncio no Facebook deve repetir o título?

Não. A Meta mostra o título embaixo da imagem, então use a imagem para uma linha curta que pare a rolagem e deixe o título nomear a oferta.

### Como faço anúncios no Facebook com a cara da minha marca?

Use em todo anúncio o mesmo fundo, as mesmas cores e fontes dos seus posts orgânicos, e mantenha um logotipo pequeno num canto fixo.

### Posso usar uma imagem só para todos os posicionamentos de anúncio no Facebook?

A Meta consegue recortar uma imagem automaticamente, mas fazer uma versão para o feed e outra para os stories dá a você controle sobre onde as palavras ficam.