Discord-bannerstorlekar: server 960 x 540 och profil 680 x 240

Storleken på Discord-bannern beror på vilken banner du menar. En serverbanner är 960×540 pixlar, en 16:9-bild som visas överst i serverns kanallista. En profilbanner är 680×240 pixlar och ligger bakom din avatar på profilkortet. Serverns inbjudningsbakgrund, som visas för dem som öppnar en inbjudningslänk, är också 16:9 och ser bäst ut i 1920×1080. Var och en täcks delvis av Discords gränssnitt, så designa dem som stämning och håll det viktiga fritt.

Mått för Discord-bannrar i korthet

Exportera PNG för grafik, text och gradienter, JPEG för fotografier. Animerade bannrar använder GIF och kräver en högre boost-nivå för servrar eller Nitro för profiler. Gör du en, håll rörelsen långsam, eftersom bannern ligger bredvid människor som läser och skriver. GIF eller MP4 förklarar varför GIF kräver noga valda färger.

Discord serverbanner: 960 x 540

Serverbannern ligger överst i kanalsidofältet, ovanför din lista med kanaler. Sidofältet är smalt, så bannern visas liten, och servernamnet och en menypil läggs över dess överkant. Medlemmarna ser den varje gång de öppnar servern, vilket gör den till den mest sedda bilden du äger på Discord.

• Håll toppbandet lugnt. Ungefär de översta 100 pixlarna bär servernamnet i vitt, så en mörkare eller enklare topp hjälper det att synas.
• Lägg bild eller ord i mitten. Sidofältets beskärning och skalning gör att kantdetaljer försvinner.
• Hoppa över liten text. I sidofältets storlek går allt under ungefär 60 pixlars höjd i din 960×540-design inte att läsa.
• Låt den tona ut i sidofältet. En banner vars nederkant mörknar mot Discords mörka tema sitter i gränssnittet i stället för ovanpå det.

Discords inbjudningsbakgrund

Inbjudningsbakgrunden fyller skärmen bakom inbjudningskortet när någon öppnar din inbjudningslänk i en webbläsare. Själva kortet ligger i mitten och visar serverikonen, namnet och knappen Acceptera. Det betyder att mitten av din bild mestadels är dold. Designa inbjudningsbakgrunden som en hel ruta av färg eller struktur, med detaljer ut mot kanter och hörn, tvärtemot de flesta bannrar.

Discord profilbanner: 680 x 240

Med Nitro kan du ladda upp en profilbanner, som visas överst på ditt profilkort när någon klickar på ditt namn. Din runda avatar överlappar dess nedre vänstra del, och kortet är smalt, så bannern fungerar bäst som färg och struktur med eventuella detaljer till höger. Utan Nitro kan du ändå välja en enfärgad bannerfärg, som är värd att matcha mot din avatar. Din profilbanner följer med dig till varje server du går med i, så välj något som passar alla i stället för en enskild gemenskaps interna skämt.

Så designar du en matchande uppsättning Discord-bannrar

1. 1

   Välj en bakgrundsfamilj

   Samma färger eller material över serverbanner, inbjudningsbakgrund, servericon och rollfärger. En gemenskap som ser ut som en plats känns som en plats.

2. 2

   Designa inbjudningsbakgrunden först

   I 1920×1080 är den störst och bestämmer därför looken. Håll mitten slät.

3. 3

   Gör serverbannern utifrån den

   Samma bakgrund i 960×540, med servernamnet eller en slogan centrerad och en lugn överkant.

4. 4

   Kolla i mörkt och ljust tema

   De flesta medlemmar använder mörkt läge, men inte alla. En banner vars kanter tonar ut till en mellanton fungerar i båda. Design för mörkt läge förklarar varför.

5. 5

   Förhandsgranska i verklig storlek

   Öppna servern på en bärbar dator och i en mobil. Om orden inte syns i sidofältet, ta bort dem eller gör dem större.

Spelgemenskaper, studieservrar och Discord-servrar för skapare tjänar alla på samma idé: servern ser ut som det varumärke den hör till. Om din Discord stöder en stream eller kanal, matcha den mot ditt varumärke som Twitch-streamer eller din kanalgrafik för gaming. I Gradiently ger en Mark dig alla tre Discord-storlekar, renderade på nytt för varje format i stället för beskurna, och med Pro ändrar ett enda steg en design till alla storlekar. Ord som läggs på Marken förblir läsbara eftersom den lugnar sig bakom dem. Fler format finns i bildstorlekar för sociala medier.