A versão curta
- 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.
Nesta página
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 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 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 |
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 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 cobre o conjunto completo.
A capa do evento: nome, data e local, em grande e ao centro.
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.
radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)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 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 explica porquê.
Perguntas frequentes
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.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
