Tamanho do banner de perfil do Discord

As medidas que importam

Duas são do Discord e uma é uma consequência delas. A terceira é a que as pessoas erram.

Compondo para uma sobreposição, não em torno dela

O instinto é deixar o canto inferior esquerdo vazio, e isso produz um banner que parece desequilibrado sempre que o avatar não é renderizado — em um resultado de busca, em um cartão de visualização, em uma captura de tela. A abordagem melhor é um fundo que não tenha um único ponto focal: um gradiente, uma textura, um padrão repetitivo, uma fotografia com o assunto no canto superior direito.

Se o banner precisar carregar um logo ou um identificador, coloque-o no canto superior direito e dimensione-o para ser legível em 680 pixels de largura. Um banner é pequeno. Texto que se lê confortavelmente em um arquivo de design de 2000 pixels é frequentemente ilegível no tamanho em que é realmente exibido.

Enviando arquivos maiores que 680 por 240

Uma fonte maior com a mesma proporção de 17:6 é boa e frequentemente melhor: 1360 por 480 ou 2040 por 720 dá ao Discord pixels limpos para reduzir em telas de alta densidade, e o resultado é mais nítido que uma imagem de 680 pixels ampliada pelo navegador.

O que não ajuda é enviar um arquivo muito maior com uma proporção diferente e esperar que o recorte fique bom. O recorte é centralizado e mecânico. Escolhê-lo aqui custa apenas um clique.

• 680 × 240 — exatamente o que é exibido; o menor arquivo.
• 1360 × 480 — dupla densidade, nitidamente mais nítido em uma tela retina.
• 2040 × 720 — tripla; vale a pena apenas para arte detalhada.

Qual formato exportar

Escolha pelo que é a arte, não pelo hábito. Cores planas, letras e bordas nítidas mantêm sua nitidez em PNG e desenvolvem halos visíveis em JPEG. Uma fotografia ou ilustração pintada é várias vezes menor como JPEG com nenhuma diferença visível neste tamanho. WebP faz os dois bem e é aceito; mantenha uma cópia PNG ou JPEG se o arquivo puder ser reutilizado em outro lugar.