# Tamanhos de banner do Discord: servidor 960 x 540 e perfil 680 x 240

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

O Discord tem três banners, cada um num sítio e com um formato diferente. Um fica por cima da lista de canais, outro recebe quem convidas e outro fica por trás do teu nome. Aqui fica como desenhar os três.

## The short version

- O tamanho do banner de servidor do Discord é 960×540 píxeis, uma imagem 16:9 mostrada no topo da lista de canais do servidor.
- O tamanho do banner de perfil do Discord é 680×240 píxeis, mostrado por trás do teu avatar no cartão de perfil.
- O fundo do convite do servidor, por vezes chamado splash do convite, é uma imagem 16:9 que fica melhor desenhada em 1920×1080.
- Os banners de servidor e os fundos de convite ficam disponíveis com os níveis de Server Boost, e os banners de perfil personalizados precisam do Discord Nitro.
- Cada banner fica em parte tapado pela interface do Discord, por isso os detalhes importantes pertencem às zonas livres e não às margens.

O **tamanho do banner do Discord** depende do banner a que te referes. Um banner de servidor tem 960×540 píxeis, uma imagem 16:9 mostrada no topo da lista de canais do teu servidor. Um banner de perfil tem 680×240 píxeis e fica por trás do teu avatar no cartão de perfil. O fundo do convite do servidor, mostrado a quem abre um link de convite, também é 16:9 e fica melhor em 1920×1080. Cada um fica em parte tapado pela interface do Discord, por isso desenha-os como ambiente, deixando livre a parte importante.

## Dimensões dos banners do Discord de relance

| Banner | Tamanho | Proporção | Disponível com |
| --- | --- | --- | --- |
| Banner do servidor | 960×540 px | 16:9 | Server Boost nível 2 |
| Fundo do convite | 1920×1080 px | 16:9 | Server Boost nível 1 |
| Banner de perfil | 680×240 px | 17:6 | Discord Nitro |

Os níveis de Boost e as vantagens do Nitro são definidos pelo Discord e mudam de vez em quando. Consulta as Definições do Servidor ou as definições do teu perfil para ver o que tens disponível.

- Banner do servidor 960×540: 960 × 540
- Fundo do convite 1920×1080: 1920 × 1080
- Banner de perfil 680×240: 680 × 240

Os três banners do Discord desenhados à escala. O banner do servidor e o fundo do convite partilham o formato; o banner de perfil é uma faixa curta.

Exporta em PNG para gráficos, texto e gradientes, e em JPEG para fotografias. Os banners animados usam GIF e precisam de um nível de boost mais alto nos servidores ou de Nitro nos perfis; se fizeres um, mantém o movimento lento, porque o banner está ao lado de pessoas a ler e a escrever. O guia [GIF ou MP4](https://gradiently.design/pt-pt/guide/gif-vs-mp4) explica porque é que os GIF pedem cuidado com a cor.

## Banner do servidor do Discord: 960 x 540

O banner do servidor fica no topo da barra lateral de canais, acima da lista de canais. A barra lateral é estreita, por isso o banner aparece pequeno, com o nome do servidor e uma seta de menu sobrepostos ao bordo superior. Os membros veem-no sempre que abrem o servidor, o que faz dele a imagem mais vista que tens no Discord.

- **Mantém calma a faixa de cima.** Mais ou menos os 100 píxeis superiores levam o nome do servidor a branco, por isso um topo mais escuro ou liso ajuda a lê-lo.
- **Põe qualquer imagem ou palavras ao meio.** O corte e o redimensionamento da barra lateral fazem desaparecer o detalhe das margens.
- **Dispensa texto pequeno.** No tamanho da barra lateral, tudo o que tenha menos de cerca de 60 píxeis de altura no teu design de 960×540 fica ilegível.
- **Deixa-o esbater-se na barra lateral.** Um banner cujo bordo inferior escurece para o tema escuro do Discord fica integrado na interface, em vez de por cima dela.

Um banner de servidor do Discord de 960 por 540 para o Clube de Leitura Noctívagos, com o nome centrado num gradiente escuro

Palavras ao centro, um topo calmo para o nome do servidor e um pé mais escuro que encontra a lista de canais.

## Fundo do convite do Discord

O fundo do convite preenche o ecrã por trás do cartão de convite quando alguém abre o teu link num browser. O próprio cartão fica ao centro, com o ícone do servidor, o nome e o botão Aceitar. Isso significa que o meio da imagem fica quase todo escondido. Desenha o fundo do convite como um quadro inteiro de cor ou textura, com o detalhe empurrado para as margens e os cantos, o oposto da maioria dos banners.

### Banner do servidor

- Mostrado pequeno, na barra lateral
- Visto pelos membros todos os dias
- Palavras ou imagem ao centro
- Bordo superior tapado pelo nome do servidor

### Fundo do convite

- Mostrado grande, em ecrã inteiro
- Visto uma só vez, por quem chega
- Centro tapado pelo cartão de convite
- Detalhe nas margens, centro liso

- Centro escuro, margens violeta: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)`
- Centro escuro, margens esmeralda: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)`
- Centro escuro, margens em brasa: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)`

Fundos de convite discretos no meio, onde fica o cartão, e que brilham em direção às margens que as pessoas realmente veem.

## Banner de perfil do Discord: 680 x 240

Com o Nitro podes carregar um banner de perfil, mostrado no topo do cartão de perfil quando alguém clica no teu nome. O teu avatar redondo sobrepõe-se ao canto inferior esquerdo e o cartão é estreito, por isso o banner funciona melhor como cor e textura, com qualquer detalhe à direita. Sem Nitro, podes na mesma escolher uma cor lisa para o banner, que vale a pena combinar com o avatar. O teu banner de perfil acompanha-te a todos os servidores a que entrares, por isso escolhe algo que sirva a todos e não a piada interna de uma só comunidade.

Um banner de perfil do Discord de 680 por 240 com a palavra Lofi à direita e espaço vazio à esquerda

Uma palavra à direita, espaço livre à esquerda para o avatar.

Um banner de perfil do Discord de 680 por 240 com o texto Pixel art e paciência sobre um gradiente suave

Uma linha curta numa faixa calma, bem afastada do canto inferior esquerdo.

## Como desenhar um conjunto de banners do Discord a condizer

1. **Escolhe uma família de fundos** As mesmas cores ou o mesmo material no banner do servidor, no fundo do convite, no ícone do servidor e nas cores dos cargos. Uma comunidade que parece um só lugar sente-se como um só lugar.
2. **Desenha primeiro o fundo do convite** Em 1920×1080 é o maior, por isso define o aspeto. Mantém o centro liso.
3. **Faz o banner do servidor a partir dele** O mesmo fundo em 960×540, com o nome do servidor ou um lema centrado e um bordo superior calmo.
4. **Confirma nos temas escuro e claro** A maioria dos membros usa o modo escuro, mas não todos. Um banner cujas margens esbatem para um tom médio fica bem em qualquer um; o guia de [design em modo escuro](https://gradiently.design/pt-pt/guide/dark-mode-design) explica porquê.
5. **Pré-visualiza em tamanho real** Abre o servidor num portátil e num telemóvel. Se as palavras não se leem na barra lateral, corta-as ou aumenta-as.

Comunidades de jogos, servidores de estudo e Discords de criadores beneficiam todos da mesma ideia: o servidor parece a marca a que pertence. Se o teu Discord apoia uma emissão ou um canal, combina-o com a tua [marca de streamer na Twitch](https://gradiently.design/pt-pt/guide/twitch-streamer-branding) ou com a [arte de canal de jogos](https://gradiently.design/pt-pt/guide/gaming-channel-art). No Gradiently, um Mark dá-te os três tamanhos do Discord, desenhados de novo para cada formato em vez de cortados, e no Pro um único passo redimensiona um design para todos os tamanhos. As palavras postas sobre o Mark continuam legíveis porque ele se acalma por trás delas. Há mais formatos em [tamanhos de imagens para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes).

## FAQ

### Que tamanho tem um banner de servidor do Discord?

960×540 píxeis, uma imagem 16:9. Fica disponível com o Server Boost nível 2.

### Que tamanho tem um banner de perfil do Discord?

680×240 píxeis. Carregar um banner de perfil personalizado exige Discord Nitro; sem ele podes escolher uma cor lisa para o banner.

### Que tamanho tem o fundo do convite do Discord?

É uma imagem 16:9, e 1920×1080 píxeis dá um resultado nítido em ecrãs grandes. Fica disponível com o Server Boost nível 1.

### Um banner do Discord pode ser animado?

Sim, como GIF, mas os banners de servidor animados precisam de um nível de boost mais alto e os banners de perfil animados precisam de Nitro.
