A versão curta
- 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.
Nesta página
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
Tamanho
Proporção
Tamanho
Proporção
Tamanho
Proporção
Tamanho
Proporção
Banner do Bluesky 3:1
3000 × 1000
Cabeçalho do X 3:1
1500 × 500
Banner do LinkedIn 4:1
1584 × 396
Como o banner do Bluesky e o cabeçalho do X 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 mapeia o mesmo problema em todas as plataformas.
Área aproximada
Pôr aqui
Pôr aqui
Pôr aqui
Área aproximada
Pôr aqui
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.
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.
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 horizontal a 1600×900, a forma mais segura no Bluesky.
Um cartaz vertical a 1080×1350, maior no feed mas por vezes pré-visualizado mais curto.
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, e o hábito de manter um estilo entre elas em consistência de marca.
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.
Perguntas frequentes
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.
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