# Tamanho da capa do Facebook, capas de evento e posts

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

Um banner largo, visto num notebook, num celular e num tablet, cada um mostrando um recorte um pouco diferente. Aqui estão os tamanhos e o layout que sobrevive a todos eles.

## The short version

- Desenhe a foto de capa do Facebook em 1640×624 pixels, um banner largo de mais ou menos 2,6 para 1.
- Os celulares mostram um recorte mais estreito da capa que os computadores, então mantenha palavras e logotipos nos dois terços centrais da largura.
- A foto de perfil e o nome da página ficam na borda inferior da capa, então a faixa de baixo deve ficar tranquila.
- A capa de evento do Facebook tem 1920×1005 pixels, e o título do evento também deve ser escrito nos detalhes do evento, não só na imagem.
- Os posts do Facebook funcionam melhor em 1200×1200 para quadrados ou 1080×1350 para retrato, e os stories em 1080×1920.

O **tamanho da foto de capa do Facebook** para desenhar é **1640×624 pixels**, um banner largo com cerca de 2,6 vezes mais largura que altura. As capas de evento têm **1920×1005**, os posts de feed são **1200×1200** quadrados ou **1080×1350** em retrato, e os stories são **1080×1920**. O tamanho é a parte fácil. A arte está em organizar a capa para que ela ainda se leia quando um celular mostra só o meio dela.

- Capa 1640×624: 1640 × 624
- Capa de evento 1920×1005: 1920 × 1005
- Post 1200×1200: 1200 × 1200
- Post em retrato 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920

Todos os formatos do Facebook desenhados em escala. A capa é a exceção: longa, rasa e recortada de modo diferente em cada tela.

## Todos os tamanhos de imagem do Facebook numa tabela

Deixe esta tabela à mão quando montar uma página nova ou planejar uma campanha. Cada tamanho segue o tamanho de upload que o Facebook recomenda, e cada um tem uma função diferente. Se você também publica em outras redes, a folha de consulta de [tamanhos de imagem para redes sociais](https://gradiently.design/pt-br/guide/social-media-image-sizes) lista todas as plataformas num só lugar.

| Formato | Tamanho em pixels | Proporção | Melhor para |
| --- | --- | --- | --- |
| Foto de capa | 1640×624 | Cerca de 2,6:1 | O banner da sua página ou do seu perfil |
| Capa de evento | 1920×1005 | Cerca de 1,9:1 | Páginas de evento, convites e o feed |
| Post quadrado | 1200×1200 | 1:1 | Anúncios, citações, produtos |
| Post em retrato | 1080×1350 | 4:5 | Posts que devem ocupar mais da tela do celular |
| Story | 1080×1920 | 9:16 | Atualizações de tela cheia e de vida curta |

Tamanhos de imagem do Facebook. Envie nesses tamanhos para que a plataforma reduza, nunca amplie.

## Como a capa do Facebook é recortada em celulares e computadores

Um navegador de computador mostra a capa quase em toda a largura. Um celular mostra uma janela mais quadrada da mesma imagem, então as bordas da esquerda e da direita caem fora. Tablets e o app na horizontal ficam em algum ponto no meio. Você envia um arquivo e cada tela tira o próprio recorte do meio.

A segunda coisa a planejar é o que fica por cima. Tanto em perfis pessoais quanto em páginas, a sua foto de perfil e o seu nome ficam sobre a borda inferior da capa ou logo abaixo dela, e nos celulares a foto se sobrepõe a ela. Qualquer coisa importante na faixa de baixo corre o risco de ficar coberta ou apertada.

Uma capa larga do Facebook com o nome Studio North centralizado sobre um gradiente, com cor livre nas duas pontas

Uma capa organizada para todos os recortes: as palavras ficam num bloco compacto no centro, e as bordas carregam só cor.

## Uma zona segura que sobrevive a todos os recortes

Você não precisa de guias exatas em pixels. Três regras mantêm uma capa segura em toda tela, e vêm direto do funcionamento do recorte.

1. **Mantenha as palavras nos dois terços centrais** Dos 1640 pixels de largura, trate os 1100 centrais, mais ou menos, como o único lugar para texto e logotipos. Os terços externos são para cor, textura e tudo que você não se importa de perder.
2. **Deixe o quarto inferior tranquilo** A foto de perfil e o nome se sobrepõem a essa faixa. Ponha a sua linha mais acima, perto do centro vertical ou um pouco acima dele.
3. **Faça as bordas descartáveis, não vazias** Bordas em branco parecem inacabadas no computador. Deixe um gradiente ou uma textura correr até as bordas para que a visão em largura total pareça generosa, enquanto o recorte do celular ainda tem tudo de que precisa.
4. **Confira nos dois extremos** Antes de publicar, veja a capa num notebook e num celular. Se uma letra ficar cortada ou o logotipo se esconder sob a foto de perfil, mova-o para dentro e para cima.

### Evite

- Um slogan de ponta a ponta
- Um logotipo no canto inferior esquerdo, sob a foto de perfil
- Texto pequeno que vira ruído no celular
- Uma foto agitada atrás das palavras

### Faça

- Uma linha curta no centro
- O logotipo na foto de perfil, sem repeti-lo na capa
- Tipografia grande o bastante para ler no recorte do celular
- Um campo calmo atrás das palavras, detalhes nas bordas

## Tamanho e layout da capa de evento do Facebook

Uma capa de evento tem **1920×1005**, um formato próximo da prévia de link de 1,91:1, e aparece na página do evento, nos convites e no feed quando as pessoas compartilham o evento. Ela é recortada com menos agressividade que a capa de perfil, mas costuma ser vista pequena, então valem as mesmas regras: palavras curtas, centralizadas, grandes.

Não conte com a imagem para carregar os fatos. O Facebook mostra a data, a hora e o local como texto ao lado da capa, onde as pessoas podem adicioná-los ao calendário. Ponha na imagem o nome do evento e uma linha de clima, e deixe os detalhes fazerem o próprio trabalho. Se o evento também precisa de posts, stories e uma tela de palco, planeje tudo junto; a [identidade de evento](https://gradiently.design/pt-br/guide/event-branding) trata do conjunto completo.

Uma capa de evento larga com o texto Noite de outono, sexta, 17 de outubro, sobre um fundo de gradiente

A capa do evento: nome, data e local, grandes e centralizados.

Uma versão vertical em story do evento Noite de outono sobre o mesmo gradiente

O mesmo evento como story, redistribuído para uma tela alta.

## O que pôr numa capa do Facebook

A capa é a primeira coisa grande que as pessoas veem na sua página e é vista de novo e de novo. Funciona melhor como uma declaração tranquila de quem você é, não como um mural de avisos. Troque-a quando algo significativo mudar, como uma estação, um lançamento ou um visual novo, e mantenha a mesma família de fundos para que a página continue reconhecível.

- **Seu visual e uma linha.** Um gradiente da marca e uma promessa ou descrição curta.
- **A estação ou o lançamento do momento.** Uma linha e uma data, retiradas quando passarem.
- **Só uma textura calma.** Sem palavra nenhuma, a foto de perfil e o nome falam por você.
- **Horário de funcionamento ou localização**, para negócios locais, desde que seja curto o bastante para ler num celular.

Centro calmo, bordas mais profundas: `radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)`

Um fundo de capa criado para o recorte: a área mais clara e calma fica no meio, onde vão as palavras, e a cor se aprofunda rumo às bordas que um celular vai cortar.

Se você põe um logotipo na capa, garanta contraste suficiente com a parte do fundo em que ele fica. O [logotipo sobre um fundo de gradiente](https://gradiently.design/pt-br/guide/logo-on-gradient-background) mostra como escolher uma versão vazada ou sólida.

## Configurações de exportação para uma capa nítida

O Facebook recomprime tudo que você envia, e os gradientes largos e lisos sofrem mais: podem virar listras visíveis. Exporte em **PNG** quando a capa for sobretudo texto e cor chapada e em **JPEG** de alta qualidade quando for uma foto. Uma camada leve de grão sobre um gradiente dá ao compressor detalhe a que se agarrar, o que esconde o banding. O [banding em gradientes](https://gradiently.design/pt-br/guide/gradient-banding) explica por quê.

> **Um visual em todos os tamanhos** Desenhe a capa, o post, a capa de evento e o story como uma família e não como quatro arquivos separados. No Gradiently, **copiar para tamanhos** redistribui um design finalizado para cada formato, com o Mark renderizado de novo para cada formato em vez de esticado. [Um visual, todos os tamanhos](https://gradiently.design/pt-br/guide/one-look-every-size) explica a ideia.

## FAQ

### Qual é o tamanho da foto de capa do Facebook?

Desenhe em 1640×624 pixels. Mantenha palavras e logotipos nos dois terços centrais da largura, porque os celulares cortam as laterais.

### Por que a minha capa do Facebook aparece cortada no celular?

Os celulares mostram um recorte mais quadrado da capa que os computadores, então as bordas da esquerda e da direita são aparadas. Mova texto e logotipos para o centro e mantenha a faixa de baixo livre da foto de perfil.

### Qual é o tamanho da capa de evento do Facebook?

A capa de evento do Facebook tem 1920×1005 pixels. Mantenha o nome do evento grande e central e acrescente a data e o local também nos detalhes do evento.

### Devo enviar a minha capa do Facebook em PNG ou JPEG?

Use PNG para capas que são sobretudo texto, logotipos e cor chapada e um JPEG de alta qualidade para fotos. Acrescentar grão leve a um gradiente ajuda a sobreviver à compressão do Facebook sem banding.

### Qual é o melhor tamanho para a imagem de um post do Facebook?

Use 1200×1200 para um post quadrado ou 1080×1350 para um post em retrato que ocupa mais da tela do celular. Os stories têm 1080×1920.