# Design de anúncios no Facebook: criativos que param o scroll

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

Um anúncio no Facebook tem o mesmo meio segundo que tudo à volta. A imagem tem de ser reconhecivelmente tua, dizer uma só coisa e deixar a venda para o texto que a Meta imprime por cima e por baixo.

## The short version

- Um bom design de anúncios no Facebook põe uma só mensagem na imagem, em poucas palavras, e deixa o pormenor para o texto principal e o título do anúncio.
- Imagens quadradas de 1200×1200 ou verticais de 1080×1350 servem o feed do Facebook, e 1080×1920 serve stories e Reels.
- A Meta já não rejeita anúncios de imagem pela quantidade de texto que contêm, mas texto curto na imagem continua a ler-se melhor num feed em movimento.
- Anúncios que partilham fundo, cor e tipo de letra com as publicações orgânicas da marca reconhecem-se antes de se ler o logótipo.
- Cada posicionamento deve ter a sua própria versão do design, e não um recorte de uma só imagem.

Um bom **design de anúncios no Facebook** resume-se a quatro coisas: uma só mensagem na imagem, dita em poucas palavras; um visual que as pessoas reconhecem como teu antes de lerem o logótipo; um esquema claro que não compete com o título que a Meta imprime por baixo; e uma versão feita para cada posicionamento, para que o feed receba uma imagem quadrada ou vertical e os stories uma vertical completa. O resto é teste, tema de [testes de criativos de anúncios](https://gradiently.design/pt-pt/guide/ad-creative-testing).

## Tamanhos de anúncios no Facebook por posicionamento

As ferramentas da Meta conseguem recortar uma imagem para todos os posicionamentos, mas os resultados raramente são os que escolherias. Desenha estas três versões e cobres quase todos os sítios onde um anúncio de imagem aparece.

| Posicionamento | Tamanho | Proporção | Notas |
| --- | --- | --- | --- |
| Feed, quadrado | 1200×1200 px | 1:1 | A opção segura, funciona quase em todo o lado |
| Feed, vertical | 1080×1350 px | 4:5 | Ocupa mais do ecrã nos telemóveis |
| Stories e Reels | 1080×1920 px | 9:16 | Mantém o texto fora dos cerca de 250 px de cima e de baixo |
| Anúncios de ligação | 1200×630 px | Cerca de 1,91:1 | Imagem larga sobre um título de ligação |

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

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

As três formas, à escala. Um design pensado para o quadrado precisa de ser reorganizado, e não esticado, para as outras duas.

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

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

### Na imagem

- A ideia única, em até cerca de oito palavras
- O produto, o resultado ou a sensação
- O teu fundo e as tuas cores reconhecíveis
- Um logótipo pequeno, se a marca não for óbvia

### No texto do anúncio

- Texto principal: o motivo para interessar, uma ou duas linhas
- Título: a oferta ou o resultado, com simplicidade
- Botão: Comprar agora, Reservar agora, Saber mais
- Pormenores, condições e datas

Um anúncio vertical de feed do Facebook a anunciar A mistura de inverno voltou, com Pequenos lotes por cima

Versão de feed: uma linha, um pormenor, com o fundo a fazer o reconhecimento.

O mesmo anúncio de café como story vertical de 1080 por 1920, com o texto centrado no quadro

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

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

A Meta limitava o texto a um quinto da imagem e abandonou essa regra em 2020. As suas orientações continuam a preferir imagens com pouco texto, e o bom senso também: um anúncio lê-se em movimento, num telemóvel, ao lado de um título que já existe. Procura uma só linha curta e, no máximo, um pormenor mais pequeno.

> **Curto é uma escolha de design** Se a tua mensagem precisa de três frases, o sítio dela é o texto principal. A linha da imagem é o título do título. [Hierarquia de texto em publicações sociais](https://gradiently.design/pt-pt/guide/text-hierarchy-social) mostra como ordenar o que sobra.

Seja qual for o texto, tem de se ler em todas as partes do fundo. Um gradiente ou uma fotografia clara num canto e escura noutro pode engolir uma palavra que cruze a fronteira. Mantém uma zona calma e uniforme por trás da linha e confirma o contraste no tamanho de um telemóvel.

## Tornar os anúncios reconhecíveis como teus

As pessoas passam à frente de anúncios que acham já ter avaliado. Um anúncio que se parece com as tuas publicações orgânicas pede emprestada a confiança que elas conquistaram; um que parece um modelo de banco de imagens não pede nada. O caminho mais rápido para o reconhecimento é um fundo e uma cor coerentes, usados em todo o lado. [Ativos de marca distintivos](https://gradiently.design/pt-pt/guide/distinctive-brand-assets) explica porque é que um visual pode trabalhar mais do que um logótipo.

- Base de torra: #1a120b
- Cacau: #5c3d2e
- Luz de cobre: #b5651d
- Creme: #e8c39e
- Tinta de papel: #f4ede4

A paleta de anúncios de um torrador de café, a mesma usada nas publicações e nas embalagens. O reconhecimento vem da repetição, não da novidade.

- Usa a mesma família de fundos em todos os anúncios, variando a mensagem e o produto, e não o visual.
- Mantém o logótipo pequeno e no mesmo canto de cada vez; o fundo faz o trabalho pesado.
- Usa os teus tipos de letra verdadeiros, e não o que a ferramenta de anúncios sugerir.
- Mostra o produto real ou um resultado real sempre que puderes; as pessoas confiam no que parece aquilo que vão receber.

## Produzir um conjunto de anúncios no Facebook

1. **Escreve três mensagens** Três motivos diferentes para alguém comprar: o produto, o resultado, a ocasião. Cada um dá um anúncio.
2. **Desenha primeiro a versão vertical de feed** 1080×1350 dá mais espaço nos telemóveis e obriga-te a manter a mensagem curta.
3. **Faz as versões quadrada e vertical completa** Refaz cada mensagem a 1200×1200 e 1080×1920 em vez de recortar, para o texto nunca ficar sob a interface.
4. **Escreve um texto que complemente a imagem** O texto principal acrescenta o porquê; o título nomeia a oferta. Nenhum repete a linha da imagem palavra por palavra.
5. **Pré-visualiza em cada posicionamento** O gestor de anúncios da Meta mostra cada posicionamento. Vê todos num telemóvel antes de publicares.

O Gradiently torna rápido o passo dos tamanhos: desenha o anúncio uma vez e, com o Pro, redimensiona-o para todos os posicionamentos de uma só vez, e o Mark é desenhado de novo em cada forma, com a zona calma a mover-se para trás do texto. Podes também pedir ao Designer três mensagens na voz do teu kit de marca e tê-las dispostas no teu Mark. O mesmo conjunto adapta-se a [design de anúncios no Instagram](https://gradiently.design/pt-pt/guide/instagram-ad-design), já que ambos passam pelo gestor de anúncios da Meta.

## FAQ

### Que tamanho deve ter a imagem de um anúncio no Facebook?

Usa 1080×1350 para anúncios verticais de feed ou 1200×1200 para quadrados, e 1080×1920 para posicionamentos de stories e Reels.

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

Não. A Meta abandonou a regra em 2020, mas continua a recomendar texto curto nas imagens de anúncios, e o texto curto lê-se melhor num feed.

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

Não. A Meta imprime o título por baixo da imagem, por isso usa a imagem para uma linha curta que pare o scroll e deixa o título nomear a oferta.

### Como faço os anúncios do Facebook parecerem da minha marca?

Usa em todos os anúncios o mesmo fundo, as mesmas cores e os mesmos tipos de letra das tuas publicações orgânicas e mantém um logótipo pequeno num canto constante.

### Posso usar uma só imagem em todos os posicionamentos de anúncios do Facebook?

A Meta consegue recortar uma imagem automaticamente, mas fazer uma versão para o feed e outra para os stories dá-te controlo sobre onde fica o texto.