Pular para o conteúdo principal

Tamanho do banner do Bluesky

Um banner de perfil do Bluesky tem 3000 por 1000 pixels em 3:1, com o avatar sobrepondo o canto inferior esquerdo. Recorte aqui com essa sobreposição desenhada — e como o X usa a mesma proporção em 1500 por 500, um único recorte serve para ambos os perfis.

Só local

Solte um PNG, JPG, WebP ou GIF

ou em qualquer lugar da página · Escolher um arquivo · 100 MB

Aceitos: PNG, JPG, JPEG, WebP, GIF, AVIF

Tamanho do banner do Bluesky: explicação

O banner de perfil do Bluesky é uma faixa de 3:1 com 3000 por 1000 pixels. A proporção é a mesma de um cabeçalho do X; a resolução é duas vezes maior em cada direção, o que a torna nitidamente mais nítida em telas de alta densidade e significa que um arquivo feito para o X parecerá borrado se reutilizado diretamente.

A interface também se comporta de forma semelhante. Um avatar circular sobrepõe o canto inferior esquerdo do banner, e o nome de exibição e o identificador ficam abaixo dele. A consequência prática é a mesma: o canto inferior esquerdo da faixa não é um lugar para colocar algo que precise ser lido.

Como as proporções coincidem, o fluxo de trabalho útil é um recorte e duas exportações. Defina a composição uma vez aqui, pegue o arquivo de 3000 pixels de largura para o Bluesky e use a página de cabeçalho do X para a versão de 1500 pixels da mesma moldura.

O mesmo recorte no dobro do tamanho é o que o X quer, então o redimensionador de cabeçalho do X completa o par.

Se um limite de envio for um problema, comprima em vez de reduzir — ele mantém a resolução e remove os bytes.

Bluesky e X, lado a lado

Mesma forma, escala diferente. Essa é toda a relação, e é o que torna um recorte compartilhado seguro.

PlataformaTamanho do bannerProporçãoAvatar
Bluesky3000 × 10003:1Círculo, inferior esquerdo
X1500 × 5003:1Círculo, inferior esquerdo
Perfil do Discord600 × 2405:2Círculo, inferior esquerdo

Por que o arquivo maior vale a pena exportar

3000 pixels é generoso para uma faixa que é renderizada com alguns centos de pixels de largura em um celular, e é exatamente esse o ponto: em uma tela com três pixels de dispositivo por pixel CSS, um banner de 1500 pixels esticado em uma janela larga está sendo ampliado.

Fornecer o arquivo maior custa alguns centos de quilobytes e remove a suavidade. Se o upload for rejeitado por tamanho, comprima em vez de reduzir — reduzir a qualidade mantém a resolução, e a resolução é o que a densidade precisa.

Compondo em torno do avatar

O círculo do avatar sobrepõe o canto inferior esquerdo, e o nome de exibição fica abaixo do banner e não sobre ele — o que torna o Bluesky um pouco mais perdoável que o X, onde o cartão de perfil móvel sobrepõe a faixa.

Mesmo assim, a área confiável é a porção superior e direita. Um gradiente, um padrão ou uma paisagem com o assunto à direita sobrevive a todos os layouts; uma marca de palavra centralizada e baixa não.

Formato e o que manter

JPEG para banners fotográficos neste tamanho — um PNG de 3000 pixels de uma fotografia tem vários megabytes sem ganho visível. PNG para cores planas ou letras. Mantenha o arquivo exportado de 3000 pixels como seu mestre: ele é reduzido para o cabeçalho do X e para qualquer outro slot de 3:1 sem uma segunda decisão de recorte.

Perguntas frequentes

Qual o tamanho de um banner do Bluesky?

3000 por 1000 pixels, uma faixa de 3:1. Ele compartilha sua proporção com um cabeçalho do X, mas tem o dobro da resolução linear, então um arquivo feito para o X e reutilizado diretamente no Bluesky está sendo ampliado e parece borrado em uma tela de alta densidade.

Posso usar meu cabeçalho do X no Bluesky?

A forma cabe, mas a resolução não: 1500 por 500 esticados em um slot de 3000 pixels é uma ampliação. A melhor opção é recortar uma vez em 3000 por 1000 e exportar a versão menor do X a partir da mesma moldura, o que esta página e a página de cabeçalho do X fazem juntas.

O avatar cobre parte do banner do Bluesky?

Sim — um avatar circular sobrepõe o canto inferior esquerdo, desenhado sobre a faixa. O nome de exibição e o identificador ficam abaixo do banner e não sobre ele, o que torna o Bluesky um pouco mais perdoável que o X, mas o canto inferior esquerdo ainda não é utilizável para nada que precise ser lido.

Meu upload de banner foi rejeitado por ser muito grande. E agora?

Comprima em vez de reduzir. Reduzir a qualidade do JPEG mantém todos os 3000 pixels e remove os bytes; reduzir as dimensões mantém os bytes e remove a nitidez que você exportou o arquivo grande em primeiro lugar. O compressor usa um tamanho alvo em quilobytes.

Por que 3000 pixels importa para uma faixa pequena?

Porque um celular ou um laptop moderno desenha dois ou três pixels de dispositivo para cada pixel CSS. Um banner renderizado com 800 pixels CSS de largura na verdade tem 2400 pixels de dispositivo, e uma fonte de 1500 pixels não pode preencher isso sem ser ampliada. A resolução extra é o que mantém nítido.

Meu banner é enviado para algum lugar quando eu o redimensiono?

Não. Cada etapa — decodificação, recorte, redimensionamento, codificação — acontece nesta aba do navegador, e este site não tem nenhum endpoint de upload. Você pode observar o painel de Rede permanecer vazio enquanto a exportação é executada.