Resumindo
- O tamanho do header do Twitter no X é 1500×500 pixels, uma proporção 3:1.
- A foto de perfil fica por cima do canto inferior esquerdo do header, então mantenha palavras e logos fora desse canto.
- Telas diferentes mostram recortes um pouco diferentes do header, então mantenha o conteúdo importante na faixa do meio, longe das bordas de cima e de baixo.
- As imagens de post no X funcionam melhor em 1600×900 na horizontal (16:9) ou em 1080×1350 na vertical (4:5).
- Um header funciona melhor como um fundo simples e reconhecível com uma linha curta, não como um pôster lotado.
Nesta página
O tamanho do header do Twitter no X é 1500×500 pixels, um banner largo 3:1. A sua foto de perfil fica sobre o canto inferior esquerdo, e telas diferentes cortam um pouco do topo e da base, então mantenha palavras e logos no centro e à direita do banner, longe das bordas. Para as imagens dentro dos posts, use 1600×900 na horizontal ou 1080×1350 na vertical.
Tamanhos de imagem do X em resumo
| Formato | Tamanho (px) | Proporção | Observações |
|---|---|---|---|
| Header | 1500×500 | 3:1 | A foto de perfil cobre o canto inferior esquerdo |
| Imagem de post, horizontal | 1600×900 | 16:9 | O formato clássico da timeline |
| Imagem de post, vertical | 1080×1350 | 4:5 | Ocupa mais altura na timeline do celular |
| Imagem do card de link | 1200×630 | 1.91:1 | Vem da imagem Open Graph da página linkada |
Header 3:1
1500 × 500
Post 16:9
1600 × 900
Post vertical 4:5
1080 × 1350
Onde a foto de perfil cobre o header
A sua foto de perfil redonda fica por cima do canto inferior esquerdo do header, tanto no celular quanto no computador. Qualquer coisa que você colocar ali, como um logo, uma data ou o fim de um título, vai ficar escondida ou apertada contra a borda da foto. Além disso, o header não aparece exatamente em 3:1 em todas as telas, então uma faixa em cima e embaixo pode ser cortada.
Evite
- Texto ou logo no quarto inferior esquerdo
- Palavras muito perto da borda de cima ou de baixo
- Texto pequeno que só se lê em um monitor grande
- Uma foto carregada que briga com a foto de perfil
Faça
- Palavras no centro ou na metade direita, na faixa do meio
- Bastante espaço acima e abaixo de qualquer texto
- Uma linha curta, grande o bastante para ler no celular
- Uma área calma onde a foto de perfil cai
Um truque útil é fazer o próprio fundo abrir espaço para a foto. Coloque a parte mais escura ou mais calma do gradiente no canto inferior esquerdo, onde fica a foto, e deixe a cor se abrir para a direita, onde vão as suas palavras.
O que colocar no header do X
O header aparece toda vez que alguém visita o seu perfil, muitas vezes logo depois de ler um dos seus posts. Ele deve confirmar quem você é de relance, não contar a sua história inteira. Estas opções funcionam bem.
- O seu visual, e mais nada. Um fundo distintivo nas cores ou no material da sua marca costuma ser o header mais forte.
- Uma linha. O que você faz ou em que está trabalhando, em poucas palavras.
- Algo atual. Um lançamento, um livro, a data de um evento, trocado quando passar.
- Um par consistente. O mesmo visual do seu banner do LinkedIn e do seu site, para que as pessoas reconheçam você em todas as plataformas. Veja tamanho do banner do LinkedIn.
- 1
Comece em 1500×500
Configure a tela no tamanho exato. Criar em outro formato e cortar depois é como os logos acabam embaixo da foto de perfil.
- 2
Marque o canto proibido
Bloqueie o quarto inferior esquerdo para lembrar que a foto vai cobri-lo.
- 3
Coloque o fundo primeiro
Escolha um fundo calmo onde a foto cai e mais interessante por onde o olhar passa.
- 4
Acrescente uma linha, à direita do centro
Mantenha curta e em tamanho grande, com espaço livre acima e abaixo.
- 5
Confira no celular
Envie e olhe o seu perfil no celular e no notebook. Ajuste o que ficar perto demais de uma borda.
Um header com uma linha à direita do centro, na faixa do meio, deixando o canto inferior esquerdo calmo para a foto de perfil.
Tamanhos das imagens de post no X
Para imagens em posts, escolha o formato pelo que você está compartilhando. O horizontal de 1600×900 combina com capturas de tela, gráficos e fotos largas, e bate com o quadro que muitas outras plataformas usam. O vertical de 1080×1350 ocupa mais da timeline no celular, o que dá mais presença a um post desenhado. Design de imagens para o Twitter trata do layout com mais profundidade.
Horizontal 1600×900: bom para layouts largos e conteúdo lado a lado.
Vertical 1080×1350: mais altura na timeline, melhor para um único título forte.
Exporte headers e imagens de post em PNG quando tiverem texto ou gradientes, em sRGB, exatamente nos tamanhos acima. O X recomprime os envios, e os gradientes suaves são os primeiros a mostrar isso como banding; 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 header do Twitter?
1500×500 pixels, uma proporção 3:1, no X.
Por que o meu header do X aparece cortado?
O X mostra o header em proporções um pouco diferentes em cada tela, cortando um pouco do topo e da base, e a foto de perfil cobre o canto inferior esquerdo. Mantenha o conteúdo importante na faixa do meio e longe desse canto.
Qual deve ser o tamanho das imagens nos posts do X?
1600×900 na horizontal (16:9) ou 1080×1350 na vertical (4:5).
Onde colocar o texto no header do X?
No centro ou na metade direita do banner, na faixa do meio, com espaço acima e abaixo. Mantenha fora do canto inferior esquerdo, onde fica a foto de perfil.
Que tipo de arquivo usar no header do X?
PNG para headers com texto, cor chapada ou gradientes, e um JPEG de alta qualidade para fotografias, os dois no perfil de cor sRGB.
O header do X tem o mesmo tamanho do banner do LinkedIn?
Não. O header do X tem 1500×500 (3:1), enquanto o banner de perfil do LinkedIn tem 1584×396 (4:1), então cada um precisa do seu próprio layout.
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
