Quando você atribui um ícone de cargo personalizado no Discord, o ícone pode aparecer ligeiramente acima ou abaixo do nome do membro na lista de membros ou no chat. Esse desalinhamento deixa o servidor com aspecto desleixado e pode confundir os membros sobre qual cargo pertence a qual usuário. O problema geralmente é causado por uma discrepância entre as dimensões da imagem do ícone e o tamanho que o Discord espera, ou por um ícone em cache que não atualiza corretamente. Este artigo explica por que os ícones de cargo personalizados ficam desalinhados e fornece correções passo a passo para corrigir a posição.
Principais conclusões: Corrigir a posição do ícone de cargo personalizado do Discord
- Configurações do servidor > Cargos > Editar cargo > Ícone: Reenvie uma imagem PNG ou GIF quadrada de exatamente 64×64 pixels para corrigir o alinhamento.
- Ctrl + Shift + I > Aplicativo > Armazenamento > Limpar dados do site: Limpe o cache do navegador do Discord no aplicativo desktop para forçar o carregamento de um novo ícone.
- Configurações do servidor > Cargos > Editar cargo > Exibir membros do cargo separadamente: Ativar esta opção pode separar visualmente o ícone e o nome, melhorando o alinhamento percebido.
Por que os ícones de cargo personalizados aparecem desalinhados no Discord
O Discord renderiza os ícones de cargo personalizados como pequenas imagens ao lado do nome do cargo na lista de membros e no chat. A plataforma espera que o ícone seja uma imagem quadrada com largura e altura iguais, normalmente 64×64 pixels. Quando você envia uma imagem que não é perfeitamente quadrada ou que tem dimensões diferentes, o Discord a redimensiona para caber no espaço do ícone. Esse redimensionamento pode fazer com que o ícone apareça deslocado vertical ou horizontalmente em relação ao texto do nome do membro.
Outra causa comum é uma versão em cache do ícone que não é atualizada quando você substitui a imagem. O aplicativo desktop e o cliente web do Discord armazenam assets localmente para melhorar o desempenho. Se o cache mantiver uma versão antiga do ícone com dimensões diferentes, o ícone exibido pode ficar desalinhado mesmo depois de você enviar uma imagem correta.
Por fim, certos temas de servidor ou CSS personalizado no cliente web do Discord podem deslocar a posição dos ícones de cargo. Se você usa um tema de terceiros ou modificou a aparência do Discord, o ícone pode ser empurrado para fora do alinhamento pretendido.
Passos para corrigir ícones de cargo personalizados desalinhados
- Prepare uma imagem de ícone com o tamanho correto
Crie ou baixe uma imagem PNG ou GIF quadrada de exatamente 64×64 pixels. Use um editor de imagens como Paint, Photoshop ou uma ferramenta online gratuita para cortar ou redimensionar a imagem para essas dimensões exatas. Salve o arquivo com fundo transparente se quiser que o ícone se misture com o nome do cargo. - Abra as Configurações do servidor
Clique com o botão direito no nome do servidor na lista de canais e selecione Configurações do servidor. Se estiver em um dispositivo móvel, toque no nome do servidor e depois no menu de três pontos, e selecione Configurações. - Navegue até o cargo com o ícone desalinhado
Na barra lateral esquerda, clique em Cargos. Encontre o cargo que tem o ícone desalinhado e clique no nome dele para abrir a tela de edição. - Envie o ícone corrigido
Abaixo do campo do nome do cargo, clique no ícone atual ou na seção Ícone. Clique em Enviar imagem e selecione sua imagem quadrada de 64×64 pixels. O Discord exibirá uma prévia. Clique em Salvar alterações na parte inferior da página. - Limpe o cache do Discord para atualizar o ícone
Pressione Ctrl + Shift + I no Windows ou Cmd + Option + I no Mac para abrir as Ferramentas do Desenvolvedor do Discord. Clique na aba Aplicativo. No painel esquerdo, em Armazenamento, selecione Armazenamento local e clique em Limpar dados do site. Confirme a ação e feche as Ferramentas do Desenvolvedor. Reinicie o Discord completamente. - Ative a opção Exibir membros do cargo separadamente (opcional)
Na mesma tela de edição do cargo, role para baixo até Exibir membros do cargo separadamente. Ative essa opção. Essa configuração move o ícone e o nome do cargo para uma seção separada na lista de membros, o que pode ajudar a realinhar visualmente o ícone com o nome.
Se o Discord ainda apresentar problemas após a correção principal
Ícone ainda aparece deslocado após limpar o cache
Se o ícone continuar desalinhado após enviar uma imagem quadrada de 64×64 e limpar o cache, o problema pode estar na renderização do cliente do Discord. Tente mudar do aplicativo desktop para a versão web em discord.com/app. Faça login e verifique a lista de membros. Se o ícone aparecer corretamente no navegador, desinstale e reinstale o aplicativo desktop do Discord para redefinir o mecanismo de renderização.
Ícone do cargo aparece borrado ou pixelado
Um ícone borrado geralmente significa que a imagem enviada era menor que 64×64 pixels e o Discord a ampliou. Reenvie uma imagem com pelo menos 64×64 pixels. Para melhores resultados, use uma imagem com resolução de 128×128 pixels ou superior, mas o Discord ainda a exibirá em 64×64. Evite usar imagens com texto ou detalhes finos que se tornem ilegíveis em tamanhos pequenos.
Posição do ícone muda ao usar temas personalizados
Se você usa um tema de terceiros no Discord por meio de extensões de navegador ou mods de cliente, o CSS do tema pode substituir o posicionamento padrão do ícone do Discord. Desative o tema temporariamente para ver se o ícone alinha corretamente. Se sim, entre em contato com o desenvolvedor do tema para uma correção ou escolha um tema diferente que respeite o layout do Discord.
Formatos e dimensões de imagem do ícone de cargo do Discord
| Item | Recomendado | Não recomendado |
|---|---|---|
| Formato da imagem | PNG ou GIF (estático ou animado) | JPG, BMP ou WEBP |
| Dimensões | 64×64 pixels (quadrado) | Dimensões não quadradas ou abaixo de 32×32 |
| Fundo | Transparente | Fundo de cor sólida |
| Tamanho do arquivo | Abaixo de 256 KB | Acima de 256 KB |
O Discord suporta ícones GIF animados para cargos, mas a animação pode causar um leve deslocamento visual se o primeiro quadro do GIF não for perfeitamente quadrado. Sempre garanta que a tela do GIF tenha 64×64 pixels e que o primeiro quadro esteja centralizado.
Após aplicar as correções acima, seu ícone de cargo personalizado deve ficar alinhado corretamente ao lado do nome do membro. Se você gerencia um servidor grande, considere padronizar todos os ícones de cargo para o mesmo formato quadrado de 64×64 para evitar problemas futuros de alinhamento. Para controle avançado, você pode usar a API de upload de ícone de cargo do Discord para definir ícones programaticamente com dimensões exatas de pixels.