Pular para o conteúdo principal
ToolsByUs

Redimensionar banner do Discord

O Discord usa dois banners diferentes: 680 por 240 em 17:6 para um perfil e 960 por 540 em 16:9 para um servidor. Recorte uma vez aqui e ambos são exportados juntos, com o círculo do avatar e o bloco de nome desenhados sobre a visualização para que nada importante fique escondido atrás deles.

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

Redimensionar banner do Discord: explicação

Quase todo problema de 'banner do Discord' vem do mesmo erro: existem dois. O banner de perfil atrás do seu avatar é 680 por 240, uma caixa de letra ampla de 17:6. O banner do servidor mostrado acima da lista de canais é 960 por 540, 16:9 comum. Eles parecem semelhantes em um arquivo de design e se comportam completamente diferente quando enviados.

O Discord não recusa um banner com formato errado. Ele recorta o centro dele, silenciosamente, o que é pior — uma imagem 16:9 colocada na slot de perfil perde cerca de um terço de sua altura do topo e da base, e a parte que ele pega é o que acontecia de estar no meio. Arte com um logo perto de uma borda volta com o cortado ao meio.

Esta página contém ambos os moldes e exporta os dois a partir de um único recorte, e desenha o que o Discord coloca por cima: a foto de perfil circular que sobrepõe o canto inferior esquerdo, e o bloco de nome de usuário ao lado. O que sobra em um perfil real não é o que sobra em um arquivo de design, e a diferença é a parte que vale a pena ver antes de enviar.

Se o tamanho que você precisa é o seu próprio e não o do Discord, a ferramenta geral Cortar imagem permite que você digite qualquer retângulo de pixels.

Formatar arte para mais de um lugar de uma vez é comum, e os outros redimensionadores de plataforma mantém os mesmos moldes exatos para Twitch, Roblox, Etsy e o resto.

Ambos os tamanhos de banner, e onde cada um aparece

Os dois moldes são usados em lugares diferentes e nenhum substitui o outro. Exporte ambos e guarde-os; um servidor que você gerencia e um perfil que você possui vão precisar de um eventualmente.

BannerTamanhoProporçãoOnde ele é mostrado
Banner de perfil680 × 24017:6Atrás do seu avatar no seu próprio cartão de perfil
Banner do servidor960 × 54016:9Acima da lista de canais, para servidores com boost
Banner de convite de servidor1920 × 108016:9Atrás de uma visualização de link de convite

O que fica por cima de um banner de perfil

Um banner de perfil nunca é visto inteiro. O avatar circular sobrepõe o canto inferior esquerdo e o nome de usuário, tag e emblemas ficam imediatamente à direita desse círculo — juntos eles cobrem a maior parte do quadrante inferior esquerdo.

A visualização acima desenha ambos. A regra prática que resulta disso: coloque nada que precise ser lido no terço inferior esquerdo. Rostos, logos e texto pertencem ao superior direito, e um fundo que lê como uma textura em vez de como uma composição sobrepõe-se melhor.

  • O círculo do avatar sobrepõe o canto inferior esquerdo do banner e é mascarado como um círculo, então detalhes da borda são perdidos duas vezes.
  • O bloco de nome de usuário se estende para a direita do avatar, atravessando aproximadamente a metade da parte inferior.
  • Emblemas e pontos de status ficam dentro e ao redor do círculo, então detalhes finos diretamente atrás dele desaparecem completamente.

Por que uma imagem 16:9 nunca sobrevive ao recorte 17:6

17:6 é 2.5 para 1; 16:9 é cerca de 1.78 para 1. O molde de perfil é notavelmente mais largo para sua altura, então encaixar uma imagem 16:9 nele significa descartar o topo e a base — cerca de 29% da altura — ou preencher as laterais e perder completamente a aparência de preenchimento total.

Nenhum resultado está errado, mas a escolha deve ser sua. Recorte para preencher o molde permite que você escolha o que fica centralizado; Ajustar imagem inteira preenche com uma cor de fundo e mantém cada pixel. Uma ferramenta que oferece apenas a primeira está decidindo por você.

Formato e tamanho do arquivo

PNG para arte com cor plana, bordas nítidas ou texto, onde o anel do JPEG aparece em volta de cada letra. JPEG para um banner fotográfico, onde é dramaticamente menor na mesma qualidade visível. WebP é aceito e ainda menor, embora um PNG ou JPEG seja a opção mais segura para quem pode reenviá-lo depois.

Banners animados são um recurso Nitro e precisam de um GIF, que esta ferramenta não produz — ela formata imagens estáticas. O que ela fará é preparar o tamanho exato do molde que um animador precisa para começar.

Perguntas frequentes

Qual o tamanho de um banner de perfil do Discord?

680 por 240 pixels, uma proporção de 17:6. Esse é o tamanho que o Discord exibe em um cartão de perfil, e qualquer coisa com formato diferente é recortada no centro para caber em vez de ser recusada. Envios maiores na mesma proporção 17:6 são dimensionados para baixo de forma limpa, então 1360 por 480 é uma fonte razoável se você quiser margem.

Por que o Discord recorta meu banner?

Porque a imagem que você deu a ele não é a proporção que a slot espera. O Discord preenche o molde em vez de usar caixa de letra, então ele pega o meio da sua imagem e descarta o resto — topo e base para uma imagem muito alta, esquerda e direita para uma imagem muito larga. Recortar deliberadamente aqui significa que você escolhe qual parte ele mantém.

O banner do servidor é a mesma imagem que o banner de perfil?

Não, e reutilizar um para o outro é o erro mais comum. Um banner de servidor é 960 por 540 em 16:9 e aparece acima da lista de canais; um banner de perfil é 680 por 240 em 17:6 e aparece atrás do seu avatar. Exporte ambos desta página e mantenha-os como arquivos separados.

Meu avatar vai cobrir parte da arte?

Sim. A foto de perfil circular sobrepõe o canto inferior esquerdo e o bloco de nome de usuário se estende para a direita dela. Ambos são desenhados sobre a visualização acima para que você possa ver a sobreposição enquanto recorta em vez de descobrir depois. Mantenha qualquer coisa que precise ser lida fora do terço inferior esquerdo.

A imagem é enviada para algum lugar para ser redimensionada?

Não. Decodificação, recorte, redimensionamento e codificação acontecem dentro desta aba do navegador, e você pode verificar: abra DevTools, mude para o painel Rede e exporte — nada carregando seu arquivo aparece. O Content-Security-Policy da página bloquearia uma solicitação de saída de qualquer forma.

Posso fazer um banner do Discord animado aqui?

Não aqui. Um banner animado precisa de um GIF e é um recurso Nitro; esta ferramenta formata imagens estáticas em PNG, JPEG ou WebP. Ainda é útil como primeiro passo — exporte o molde exato em 680 por 240 ou 960 por 540 e anime a partir daí, para que as dimensões estejam corretas antes do trabalho de animação começar.

Equipe ToolsByUs · Como verificamos nossas ferramentas