Resumindo
- 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.
Nesta página
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 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 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 |
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 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 trata do conjunto completo.
A capa do evento: nome, data e local, grandes e centralizados.
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.
radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)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 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 explica por quê.
Perguntas frequentes
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.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
