# Tamanho do cabeçalho do Twitter: cabeçalho e imagens do X

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

O cabeçalho do X é largo, baixo e parcialmente tapado pela tua foto de perfil. Eis o tamanho, a zona a manter livre, ideias para o que pôr nele e os tamanhos certos para as imagens das publicações.

## The short version

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

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 |

Tamanhos de carregamento recomendados para o X. A imagem do cartão de ligação define-se no teu site, não se carrega no X; vê [tamanho da imagem Open Graph](https://gradiently.design/pt-pt/guide/open-graph-image-size).

- Cabeçalho 3:1: 1500 × 500
- Publicação 16:9: 1600 × 900
- Publicação vertical 4:5: 1080 × 1350

As três formas do X desenhadas à escala. O cabeçalho é a única em que há algo por cima do teu design.

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

- Escuro sob a foto, rosa à direita: `linear-gradient(60deg, #0d0d1a 0%, #0d0d1a 25%, #3b2a8c 60%, #f08fb2 100%)`
- Quente à direita, calmo à 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 cabeçalho construídos à volta da foto de perfil. A 60 graus, a primeira cor fica no canto inferior esquerdo e a mistura avança para o canto superior direito.

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

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

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

Uma imagem horizontal de publicação do X com o título Três coisas que lançámos, disposta em duas colunas

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

A mesma publicação como imagem vertical, com o título empilhado na vertical

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

## FAQ

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