# Tamanho do header do Twitter: capa do X e imagens de post

[Canonical HTML page](https://gradiently.design/pt-br/guide/x-header-size)

O header do X é largo, baixo e parcialmente coberto pela sua foto de perfil. Veja o tamanho, a área a deixar livre, ideias do que colocar nele e os tamanhos certos para as imagens dos posts.

## The short version

- 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.

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 |

Tamanhos de envio recomendados para o X. A imagem do card de link é definida no seu site, não enviada ao X; veja [tamanho da imagem Open Graph](https://gradiently.design/pt-br/guide/open-graph-image-size).

- Header 3:1: 1500 × 500
- Post 16:9: 1600 × 900
- Post vertical 4:5: 1080 × 1350

Os três formatos do X desenhados em escala. O header é o único em que algo fica por cima do seu design.

## 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.

- Escuro sob a foto, rosa à direita: `linear-gradient(60deg, #0d0d1a 0%, #0d0d1a 25%, #3b2a8c 60%, #f08fb2 100%)`
- Calor à direita, calma à esquerda: `radial-gradient(circle at 80% 40%, #ffb17a 0%, #c2410c 35%, #1c0a05 80%)`
- Verde profundo a menta: `linear-gradient(60deg, #0b1f1a 0%, #0b1f1a 20%, #14746f 60%, #b8f2e6 100%)`

Gradientes de header pensados em volta da foto de perfil. Em 60 graus, a primeira cor fica no canto inferior esquerdo e a transição segue para o canto superior direito.

## 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](https://gradiently.design/pt-br/guide/linkedin-banner-size).

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 largo do X de 1500 por 500 com uma linha curta de texto à direita do centro sobre um gradiente

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](https://gradiently.design/pt-br/guide/x-post-image-design) trata do layout com mais profundidade.

Uma imagem de post horizontal do X com o título Três coisas que lançamos, organizada em duas colunas

Horizontal 1600×900: bom para layouts largos e conteúdo lado a lado.

O mesmo post como imagem vertical, com o título empilhado na vertical

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](https://gradiently.design/pt-br/guide/social-media-image-sizes).

## FAQ

### 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.