A versão curta
- O tamanho do cabeçalho do Twitter no X é 1500×500 píxeis, uma proporção de 3:1.
- A foto de perfil sobrepõe-se ao canto inferior esquerdo do cabeçalho, por isso mantém palavras e logótipos fora desse canto.
- Ecrãs diferentes mostram recortes ligeiramente diferentes do cabeçalho, por isso mantém o conteúdo importante na faixa do meio, longe das margens de cima e de baixo.
- As imagens das publicações do X funcionam melhor em 1600×900 na horizontal (16:9) ou 1080×1350 na vertical (4:5).
- Um cabeçalho funciona melhor como um fundo simples e reconhecível com uma linha curta, não como um cartaz cheio.
Nesta página
O tamanho do cabeçalho do Twitter no X é 1500×500 píxeis, um banner largo de 3:1. A tua foto de perfil fica sobre o canto inferior esquerdo, e ecrãs diferentes cortam um pouco em cima e em baixo, por isso mantém as palavras e os logótipos no centro e à direita do banner, longe das margens. Para as imagens dentro das publicações, usa 1600×900 na horizontal ou 1080×1350 na vertical.
Tamanhos de imagem do X num relance
| Formato | Tamanho (px) | Proporção | Notas |
|---|---|---|---|
| Cabeçalho | 1500×500 | 3:1 | A foto de perfil sobrepõe-se ao canto inferior esquerdo |
| Imagem de publicação, horizontal | 1600×900 | 16:9 | A forma clássica da cronologia |
| Imagem de publicação, vertical | 1080×1350 | 4:5 | Ocupa mais altura na cronologia em telemóveis |
| Imagem do cartão de ligação | 1200×630 | 1.91:1 | Vem da imagem Open Graph da página ligada |
Cabeçalho 3:1
1500 × 500
Publicação 16:9
1600 × 900
Publicação vertical 4:5
1080 × 1350
Onde a foto de perfil tapa o cabeçalho
A tua foto de perfil redonda sobrepõe-se ao canto inferior esquerdo do cabeçalho, tanto em telemóveis como em computadores. Tudo o que puseres ali, como um logótipo, uma data ou o fim de um título, fica escondido ou parece apertado contra a orla da foto. Além disso, o cabeçalho não aparece exatamente em 3:1 em todos os ecrãs, por isso uma faixa em cima e em baixo pode ser cortada.
Evita
- Texto ou um logótipo no quarto inferior esquerdo
- Palavras muito perto da margem de cima ou de baixo
- Texto pequeno que só se lê num monitor grande
- Uma fotografia carregada que luta com a foto de perfil
Faz
- Palavras no centro ou na metade direita, na faixa do meio
- Espaço generoso por cima e por baixo de qualquer texto
- Uma linha curta, grande o suficiente para se ler num telemóvel
- Uma zona calma onde cai a foto de perfil
Um truque útil é fazer o próprio fundo deixar espaço para a foto. Põe a parte mais escura ou mais calma do teu gradiente no canto inferior esquerdo, onde fica a foto, e deixa a cor abrir para a direita, onde vão as tuas palavras.
O que pôr num cabeçalho do X
Um cabeçalho é visto sempre que alguém visita o teu perfil, muitas vezes logo depois de ler uma das tuas publicações. Deve confirmar quem és num relance, não contar a tua história toda. Estas opções funcionam bem.
- O teu visual, e mais nada. Um fundo distintivo nas cores ou no material da tua marca é muitas vezes o cabeçalho mais forte.
- Uma linha. O que fazes ou em que estás a trabalhar, em poucas palavras.
- Algo atual. Um lançamento, um livro, a data de um evento, mudado quando acabar.
- Um par coerente. O mesmo visual do teu banner do LinkedIn e do teu site, para que as pessoas te reconheçam entre plataformas. Vê tamanho do banner do LinkedIn.
- 1
Começa em 1500×500
Configura a tela no tamanho exato. Desenhar noutra forma e recortar depois é como os logótipos acabam por baixo da foto de perfil.
- 2
Marca o canto proibido
Bloqueia o quarto inferior esquerdo como lembrete de que a foto o vai tapar.
- 3
Põe primeiro o fundo
Escolhe um fundo calmo onde cai a foto e mais interessante para onde o olhar viaja.
- 4
Junta uma linha, à direita do centro
Mantém-na curta e em tamanho grande, com espaço livre por cima e por baixo.
- 5
Verifica num telemóvel
Carrega-o e olha para o teu perfil num telemóvel e num portátil. Ajusta o que estiver demasiado perto de uma margem.
Um cabeçalho com uma linha à direita do centro, na faixa do meio, deixando o canto inferior esquerdo calmo para a foto de perfil.
Tamanhos das imagens das publicações do X
Para as imagens nas publicações, escolhe a forma consoante o que partilhas. O formato horizontal de 1600×900 serve capturas de ecrã, gráficos e fotografias largas, e corresponde ao enquadramento que muitas outras plataformas usam. O vertical de 1080×1350 ocupa mais da cronologia em telemóveis, o que dá mais presença a uma publicação desenhada. Design de imagens para o Twitter trata do layout em mais profundidade.
Horizontal 1600×900: bom para layouts largos e conteúdo lado a lado.
Vertical 1080×1350: mais altura na cronologia, melhor para um único título forte.
Exporta cabeçalhos e imagens de publicações em PNG quando têm texto ou gradientes, em sRGB, exatamente nos tamanhos acima. O X volta a comprimir o que carregas, e os gradientes suaves são os primeiros a mostrá-lo, em faixas; um pouco de grão ajuda. A lista completa de tamanhos por plataforma está em tamanhos de imagem para redes sociais.
Perguntas frequentes
Qual é o tamanho do cabeçalho do Twitter?
1500×500 píxeis, uma proporção de 3:1, no X.
Porque é que o meu cabeçalho do X parece cortado?
O X mostra o cabeçalho com proporções ligeiramente diferentes em ecrãs diferentes, cortando um pouco em cima e em baixo, e a foto de perfil tapa o canto inferior esquerdo. Mantém o conteúdo importante na faixa do meio e longe desse canto.
Que tamanho devem ter as imagens das publicações do X?
1600×900 na horizontal (16:9) ou 1080×1350 na vertical (4:5).
Onde deve ficar o texto num cabeçalho do X?
No centro ou na metade direita do banner, na faixa do meio, com espaço por cima e por baixo. Mantém-no fora do canto inferior esquerdo, onde fica a foto de perfil.
Que tipo de ficheiro deve ter um cabeçalho do X?
PNG para cabeçalhos com texto, cor lisa ou gradientes, e JPEG de alta qualidade para fotografias, ambos no perfil de cor sRGB.
O cabeçalho do X tem o mesmo tamanho que um banner do LinkedIn?
Não. O cabeçalho do X tem 1500×500 (3:1), enquanto o banner de perfil do LinkedIn tem 1584×396 (4:1), por isso cada um precisa do seu próprio layout.
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
