# Tamanho da capa do Facebook, capas de eventos e publicações

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

Um só banner largo, visto num portátil, num telemóvel e num tablet, cada um a mostrar uma fatia ligeiramente diferente. Eis os tamanhos e a composição que sobrevive a todos eles.

## The short version

- Desenha a foto de capa do Facebook com 1640×624 píxeis, um banner largo de cerca de 2,6 para 1.
- Os telemóveis mostram uma fatia mais estreita da capa do que os computadores, por isso mantém as palavras e os logótipos nos dois terços centrais da largura.
- A foto de perfil e o nome da página ficam no limite inferior da capa, por isso a faixa de baixo deve ficar tranquila.
- Uma capa de evento do Facebook tem 1920×1005 píxeis, e o título do evento deve estar escrito também nos detalhes do evento, não só na imagem.
- As publicações do Facebook funcionam melhor com 1200×1200 em quadrado ou 1080×1350 na vertical, e as stories com 1080×1920.

O **tamanho da capa do Facebook** para desenhar é **1640×624 píxeis**, um banner largo cerca de 2,6 vezes mais largo do que alto. As capas de eventos têm **1920×1005**, as publicações no feed **1200×1200** em quadrado ou **1080×1350** na vertical, e as stories **1080×1920**. O tamanho é a parte fácil. O ofício está em compor a capa para que continue a ler-se quando um telemóvel mostra só o centro.

- Capa 1640×624: 1640 × 624
- Capa de evento 1920×1005: 1920 × 1005
- Publicação 1200×1200: 1200 × 1200
- Publicação vertical 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920

Todos os formatos do Facebook desenhados à escala. A capa é a exceção: comprida, baixa e cortada de forma diferente em cada ecrã.

## Todos os tamanhos de imagem do Facebook numa tabela

Tem esta tabela à mão quando criares uma página nova ou planeares uma campanha. Cada tamanho segue o tamanho de carregamento que o Facebook recomenda, e cada um tem uma função diferente. Se também publicas noutras redes, o guia completo de [tamanhos de imagem para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes) reúne todas as plataformas num só sítio.

| Formato | Tamanho em píxeis | Forma | Ideal para |
| --- | --- | --- | --- |
| Foto de capa | 1640×624 | Cerca de 2,6:1 | O banner da tua página ou perfil |
| Capa de evento | 1920×1005 | Cerca de 1,9:1 | Páginas de eventos, convites e o feed |
| Publicação quadrada | 1200×1200 | 1:1 | Anúncios, citações, produtos |
| Publicação vertical | 1080×1350 | 4:5 | Publicações que devem ocupar mais do ecrã do telemóvel |
| Story | 1080×1920 | 9:16 | Atualizações em ecrã inteiro e de curta duração |

Tamanhos de imagem do Facebook. Carrega nestes tamanhos para que a plataforma reduza a imagem e nunca a amplie.

## Como a capa do Facebook é cortada no telemóvel e no computador

Um navegador no computador mostra a capa quase na largura total. Um telemóvel mostra uma janela mais quadrada sobre a mesma imagem, por isso as margens esquerda e direita desaparecem. Os tablets e a aplicação na horizontal ficam algures no meio. Carregas um ficheiro, e cada ecrã faz o seu próprio corte a partir do centro.

A segunda coisa a planear é o que fica por cima. Tanto nos perfis pessoais como nas páginas, a foto de perfil e o nome ficam sobre o limite inferior da capa ou logo abaixo, e no telemóvel a foto sobrepõe-se a ela. Tudo o que for importante na faixa de baixo arrisca-se a ficar tapado ou apertado.

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

Uma capa composta para todos os cortes: as palavras formam um bloco compacto ao centro, e as margens têm só cor.

## Uma zona segura que sobrevive a todos os cortes

Não precisas de guias exatas ao píxel. Três regras mantêm a capa segura em qualquer ecrã, e vêm diretamente da forma como o corte funciona.

1. **Mantém as palavras nos dois terços centrais** Dos 1640 píxeis de largura, trata os cerca de 1100 centrais como o único lugar para texto e logótipos. Os terços exteriores são para cor, textura e tudo o que não te importes de perder.
2. **Deixa o quarto inferior tranquilo** A foto de perfil e o nome sobrepõem-se a esta faixa. Coloca a tua frase mais acima, perto do centro vertical ou logo acima dele.
3. **Torna as margens dispensáveis, não vazias** Margens em branco parecem inacabadas no computador. Deixa um gradiente ou uma textura correr até às margens para que a vista em largura total pareça generosa, enquanto o corte do telemóvel continua a ter tudo o que precisa.
4. **Verifica nos dois extremos** Antes de publicar, vê a capa num portátil e num telemóvel. Se uma letra estiver cortada ou o logótipo se esconder por trás da foto de perfil, move-o para dentro e para cima.

### Evita

- Um slogan de uma ponta à outra
- Um logótipo no canto inferior esquerdo, por baixo da foto de perfil
- Texto pequeno que vira ruído no telemóvel
- Uma fotografia carregada por trás das palavras

### Faz

- Uma frase curta ao centro
- O logótipo na foto de perfil, sem o repetir na capa
- Texto grande o suficiente para se ler no corte do telemóvel
- Um campo calmo por trás das palavras, detalhe nas margens

## Tamanho e composição da capa de evento do Facebook

Uma capa de evento tem **1920×1005**, uma forma próxima da pré-visualização de ligação de 1,91:1, e aparece na página do evento, nos convites e no feed quando as pessoas partilham o evento. É cortada com menos agressividade do que a capa de perfil, mas muitas vezes é vista em pequeno, por isso aplicam-se as mesmas regras: palavras curtas, centradas e grandes.

Não confies na imagem para transmitir os factos. O Facebook mostra a data, a hora e o local em texto ao lado da capa, onde as pessoas os podem adicionar ao calendário. Põe na imagem o nome do evento e uma frase de ambiente, e deixa os detalhes fazerem o seu trabalho. Se o evento também precisar de publicações, stories e um ecrã de palco, planeia tudo em conjunto; a [identidade visual de eventos](https://gradiently.design/pt-pt/guide/event-branding) cobre o conjunto completo.

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

A capa do evento: nome, data e local, em grande e ao centro.

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

O mesmo evento em story, composto de novo para um ecrã alto.

## O que pôr numa capa do Facebook

A capa é a primeira coisa grande que as pessoas veem na tua página, e é vista vezes sem conta. Funciona melhor como uma afirmação tranquila de quem és do que como um quadro de avisos. Muda-a quando algo relevante mudar, como uma estação, um lançamento ou um visual novo, e mantém a mesma família de fundos para que a página continue reconhecível.

- **O teu visual e uma frase.** Um gradiente da marca e uma promessa ou descrição curta.
- **A estação ou o lançamento atual.** Uma frase e uma data, retiradas quando passarem.
- **Só uma textura calma.** Sem palavras nenhumas, a foto de perfil e o nome falam por si.
- **Horário ou localização** para negócios locais, desde que seja curto o suficiente para se ler no telemóvel.

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

Um fundo de capa feito para o corte: a zona mais clara e calma fica ao centro, onde ficam as palavras, e a cor aprofunda-se para as margens que o telemóvel vai cortar.

Se puseres um logótipo na capa, garante que tem contraste suficiente com a parte do fundo onde assenta. [Logótipo sobre fundo em gradiente](https://gradiently.design/pt-pt/guide/logo-on-gradient-background) mostra como escolher uma versão vazada ou sólida.

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

O Facebook volta a comprimir tudo o que carregas, e os gradientes largos e suaves são os que mais sofrem: podem criar faixas visíveis. Exporta em **PNG** quando a capa for sobretudo texto e cor lisa, e em **JPEG** de alta qualidade quando for uma fotografia. Uma camada leve de grão sobre um gradiente dá ao compressor detalhe a que se agarrar, o que esconde as faixas. [Faixas em gradientes](https://gradiently.design/pt-pt/guide/gradient-banding) explica porquê.

> **Um só visual em todos os tamanhos** Desenha a capa, a publicação, a capa de evento e a story como uma família e não como quatro ficheiros separados. Na Gradiently, **copiar para tamanhos** volta a compor um design acabado para cada formato, com o Mark renderizado de novo para cada forma em vez de esticado. [Um só visual, todos os tamanhos](https://gradiently.design/pt-pt/guide/one-look-every-size) explica a ideia.

## FAQ

### Que tamanho tem uma foto de capa do Facebook?

Desenha-a com 1640×624 píxeis. Mantém as palavras e os logótipos nos dois terços centrais da largura, porque os telemóveis cortam as laterais.

### Porque é que a minha capa do Facebook aparece cortada no telemóvel?

Os telemóveis mostram uma fatia mais quadrada da capa do que os computadores, por isso as margens esquerda e direita são cortadas. Aproxima o texto e os logótipos do centro e mantém a faixa de baixo livre da foto de perfil.

### Que tamanho tem uma capa de evento do Facebook?

Uma capa de evento do Facebook tem 1920×1005 píxeis. Mantém o nome do evento grande e ao centro, e acrescenta também a data e o local nos detalhes do evento.

### Devo carregar a capa do Facebook em PNG ou JPEG?

Usa PNG para capas que sejam sobretudo texto, logótipos e cor lisa, e JPEG de alta qualidade para fotografias. Juntar um grão leve a um gradiente ajuda-o a sobreviver à compressão do Facebook sem faixas.

### Qual é o melhor tamanho para a imagem de uma publicação no Facebook?

Usa 1200×1200 para uma publicação quadrada ou 1080×1350 para uma publicação vertical que ocupa mais do ecrã do telemóvel. As stories têm 1080×1920.