# Tamanho do banner do Bluesky: 3000 x 1000 e imagens de publicação

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

O teu banner do Bluesky é o elemento mais largo do perfil e a primeira coisa que um novo seguidor vê. Eis o tamanho, o canto que o avatar tapa e como dimensionar as imagens das publicações.

## The short version

- O tamanho do banner do Bluesky é 3000×1000 píxeis, um cabeçalho 3:1 no topo do teu perfil.
- A tua foto de perfil redonda sobrepõe-se ao canto inferior esquerdo do banner, por isso mantém palavras e logótipos fora desse canto.
- O banner é cortado de forma ligeiramente diferente no telemóvel e no computador, por isso o detalhe importante deve ficar ao centro.
- O tamanho recomendado para imagens de publicação no Bluesky é 1600×900 píxeis, um enquadramento horizontal 16:9.
- O Bluesky deixa acrescentar texto alternativo a todas as imagens, e uma descrição clara torna mais útil cada publicação com imagem.

O **tamanho do banner do Bluesky** é 3000×1000 píxeis, um cabeçalho largo 3:1 que atravessa o topo do teu perfil. O teu avatar redondo fica sobre o canto inferior esquerdo, e o recorte visível muda um pouco entre a aplicação do telemóvel e o site, por isso mantém palavras e logótipos no centro e à direita do enquadramento, longe do avatar. Para imagens dentro das publicações, usa 1600×900 píxeis, um enquadramento horizontal 16:9, ou uma imagem vertical quando o conteúdo é alto.

## Dimensões do banner do Bluesky

| Imagem | Tamanho | Proporção |
| --- | --- | --- |
| Banner do perfil | 3000×1000 px | 3:1 |
| Imagem de publicação (horizontal) | 1600×900 px | 16:9 |
| Imagem de publicação (vertical) | 1080×1350 px | 4:5 |
| Imagem de publicação (quadrada) | 1080×1080 px | 1:1 |

O banner é a única imagem do Bluesky com forma fixa. As imagens de publicação podem ter outras proporções.

- Banner do Bluesky 3:1: 3000 × 1000
- Cabeçalho do X 3:1: 1500 × 500
- Banner do LinkedIn 4:1: 1584 × 396

O banner do Bluesky partilha a forma 3:1 do X com o dobro dos píxeis, por isso um só design serve ambos. O do LinkedIn é muito mais estreito.

Como o banner do Bluesky e o [cabeçalho do X](https://gradiently.design/pt-pt/guide/x-header-size) partilham a proporção 3:1, desenha uma vez a 3000×1000 e exporta uma cópia de 1500×500 para o X. A resolução extra mantém nítidos o texto fino e os gradientes em ecrãs grandes e de alta densidade. Exporta PNG para gráficos e texto, JPEG para fotografias.

## Onde o avatar se sobrepõe ao banner

No teu perfil, o círculo do avatar assenta na borda inferior do banner, perto da esquerda. Tudo o que desenhares nesse canto fica tapado, em parte ou totalmente, consoante o ecrã. O resto do banner está livre, embora o lado direito possa ser aparado em telemóveis estreitos. [Zonas seguras das redes sociais](https://gradiently.design/pt-pt/guide/social-media-safe-zones) mapeia o mesmo problema em todas as plataformas.

| Zona | Área aproximada | Pôr aqui |
| --- | --- | --- |
| Canto do avatar | Terço esquerdo, metade inferior | Só fundo |
| Centro | Terço do meio, altura total | O teu título, logótipo ou imagem principal |
| Direita | Terço direito | Detalhe de apoio, nada essencial |
| Bordas de cima e de baixo | Cerca de 100 px cada | Só fundo, porque os cortes variam |

Um mapa de trabalho e não valores oficiais em píxeis. Pré-visualiza o banner num telemóvel e na web antes de decidires.

Um banner do Bluesky de 3000 por 1000 com as palavras Notas sobre design lento ao centro e o canto inferior esquerdo livre para o avatar

Palavras ao centro, o canto inferior esquerdo deixado ao avatar e o fundo a correr de ponta a ponta.

## Ideias para banners do Bluesky

Um banner não precisa de muito. Fica atrás do teu nome e da biografia, por isso funciona melhor como ambiente com uma só ideia: o que fazes, o que publicas ou simplesmente uma cor que passa a ser tua. Banners carregados competem com o avatar e com o texto da biografia mesmo por baixo.

- **Puro ambiente.** Um gradiente ou material nas tuas cores, sem palavra nenhuma. Calmo, e nunca fica desatualizado.
- **Uma linha.** O que as pessoas ganham ao seguir-te: “Notas diárias sobre tipografia”, “Gravações de campo da costa”.
- **O teu trabalho.** Um recorte largo de uma fotografia, ilustração ou produto, com o assunto no terço central.
- **Uma novidade.** Um livro, um lançamento ou um espetáculo, com data. Lembra-te de mudar quando passar.

- Do céu ao azul profundo: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Sol poente, ao centro: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Violeta noturno: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Neblina da manhã: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Quatro fundos de banner. Cada um mantém a zona mais escura ou mais calma à esquerda, onde o avatar precisa de contraste para se destacar.

Repara no lado esquerdo de cada um. O avatar precisa de contraste com o banner para se destacar, por isso uma borda esquerda mais escura ou mais simples ajuda um avatar claro, e uma borda esquerda clara ajuda um escuro. É o mesmo raciocínio de um [logótipo sobre fundo em gradiente](https://gradiently.design/pt-pt/guide/logo-on-gradient-background).

### Evita

- Um logótipo ou nome no canto inferior esquerdo, sob o avatar
- Texto pequeno que encolhe até desaparecer no telemóvel
- Uma fotografia cujo assunto fica no extremo da borda
- Um padrão carregado atrás da biografia
- Um ficheiro de 1500×500 esticado para caber

### Faz

- O conteúdo-chave no terço central
- Uma linha em letra grande, ou nenhuma palavra
- Assuntos ao centro, bordas como fundo
- Uma zona calma ao longo da borda inferior
- Uma exportação completa de 3000×1000

A maioria dos problemas de banners vem de desenhar num portátil e nunca ver num telemóvel. Carrega, abre o teu perfil na aplicação e depois num navegador de computador, e olha para o canto sob o avatar e para a borda direita extrema nos dois. Se algo importante for cortado, desliza-o para o centro e carrega de novo; demora um minuto e evita que o banner pareça descuidado a cada novo visitante.

## Tamanho das imagens de publicação do Bluesky

Para imagens em publicações, 1600×900 é o tamanho fiável: mostra-se por inteiro no feed em telemóveis e computadores. As imagens verticais a 1080×1350 são permitidas e ocupam mais espaço vertical, o que serve cartazes e gráficos, embora o feed as possa mostrar numa pré-visualização mais curta até tocares. Podes anexar várias imagens a uma publicação e organizam-se numa grelha, por isso mantém um conjunto com as mesmas proporções.

Uma imagem de publicação do Bluesky de 1600 por 900 a anunciar o número 40 de uma newsletter

Uma imagem de publicação horizontal a 1600×900, a forma mais segura no Bluesky.

Uma imagem de publicação vertical de 1080 por 1350 para uma feira de gravura no sábado

Um cartaz vertical a 1080×1350, maior no feed mas por vezes pré-visualizado mais curto.

> **Escreve o texto alternativo** Cada imagem que anexas no Bluesky tem um botão de texto alternativo, e muita gente na rede lê-o e valoriza-o. Descreve o que a imagem diz: “Cartaz: feira de gravura, sábado, banca 14, 10:00 às 17:00”. Se a imagem tem palavras, o texto alternativo deve tê-las também.

## Mantém o teu perfil do Bluesky fiel à marca

O banner, o avatar e as imagens das publicações lêem-se como um só perfil, por isso dá-lhes uma só família de fundos. A mesma cor ou material atrás do banner, das imagens de anúncios e dos cartões de citações faz um visitante a fazer scroll reconhecer-te antes de ler o teu nome de utilizador. Os tamanhos de todas as outras plataformas estão em [tamanhos de imagens para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes), e o hábito de manter um estilo entre elas em [consistência de marca](https://gradiently.design/pt-pt/guide/brand-consistency).

Na Gradiently escolhes um Mark, desenhas o banner de 3000×1000 uma vez e, com o Pro, redimensionas para o cabeçalho do X, o banner do LinkedIn e os tamanhos de publicação num só passo, cada um renderizado de novo para a sua forma em vez de cortado. As palavras postas sobre o Mark continuam legíveis porque ele se acalma atrás delas. Se queres um estilo só teu, explora o [Mercado](/market).

## FAQ

### Que tamanho tem um banner do Bluesky?

3000×1000 píxeis, uma proporção 3:1.

### Que tamanho devem ter as imagens nas publicações do Bluesky?

1600×900 píxeis, um enquadramento horizontal 16:9, mostra-se de forma fiável no feed. O vertical 1080×1350 e o quadrado 1080×1080 também funcionam.

### Posso usar o meu cabeçalho do X no Bluesky?

Sim. Ambos são 3:1, por isso um design de 3000×1000 reduzido para 1500×500 serve o X e o tamanho completo serve o Bluesky. Confirma a posição do avatar em cada um.

### Onde fica o avatar num banner do Bluesky?

Sobre o canto inferior esquerdo do banner, por isso mantém palavras e logótipos fora desse canto e no centro.