Discord-banner størrelse: server 960 x 540 og profil 680 x 240

Størrelsen på et Discord-banner avhenger av hvilket banner du mener. Et serverbanner er 960×540 piksler, et 16:9-bilde øverst i serverens kanalliste. Et profilbanner er 680×240 piksler og ligger bak avataren din på profilkortet. Invitasjonsbakgrunnen, som vises for folk som åpner en invitasjonslenke, er også 16:9 og ser best ut i 1920×1080. Hvert av dem dekkes delvis av Discords grensesnitt, så design dem som stemning, med det viktigste holdt fritt.

Dimensjoner for Discord-bannere i korte trekk

Eksporter PNG for grafikk, tekst og gradienter, JPEG for fotografier. Animerte bannere bruker GIF og krever et høyere boost-nivå for servere eller Nitro for profiler; lager du et, hold bevegelsen sakte, for banneret står ved siden av folk som leser og skriver. GIF eller MP4 forklarer hvorfor GIF krever forsiktig fargebruk.

Discord-serverbanner: 960 x 540

Serverbanneret står øverst i kanalsidefeltet, over listen over kanaler. Sidefeltet er smalt, så banneret vises lite, og servernavnet og en menypil ligger over den øvre kanten. Medlemmene ser det hver gang de åpner serveren, noe som gjør det til bildet ditt på Discord som blir sett mest.

• Hold det øverste feltet rolig. Omtrent de øverste 100 pikslene bærer servernavnet i hvitt, så en mørkere eller enklere topp hjelper det å bli lest.
• Legg bilder eller ord i midten. Beskjæringen og skaleringen i sidefeltet får detaljer i kantene til å forsvinne.
• Dropp liten tekst. I sidefeltets størrelse er alt under omtrent 60 piksler høyt i et 960×540-design uleselig.
• La det tone inn i sidefeltet. Et banner der den nederste kanten mørkner mot Discords mørke tema, sitter i grensesnittet i stedet for oppå det.

Discord-invitasjonsbakgrunn

Invitasjonsbakgrunnen fyller skjermen bak invitasjonskortet når noen åpner invitasjonslenken din i en nettleser. Selve kortet står i midten og viser serverikonet, navnet og Godta-knappen. Det betyr at midten av bildet stort sett er skjult. Design invitasjonsbakgrunnen som en hel flate av farge eller tekstur, med detaljer skjøvet ut mot kantene og hjørnene, det motsatte av de fleste bannere.

Discord-profilbanner: 680 x 240

Med Nitro kan du laste opp et profilbanner som vises øverst på profilkortet når noen klikker på navnet ditt. Den runde avataren din overlapper nede til venstre, og kortet er smalt, så banneret fungerer best som farge og tekstur med eventuelle detaljer til høyre. Uten Nitro kan du likevel velge en ensfarget bannerfarge, og den er verdt å matche med avataren. Profilbanneret følger deg inn i alle servere du blir med i, så velg noe som passer i alle, ikke en intern spøk fra ett miljø.

Slik designer du et samstemt sett med Discord-bannere

1. 1

   Velg én bakgrunnsfamilie

   De samme fargene eller det samme materialet på serverbanner, invitasjonsbakgrunn, serverikon og rollefarger. Et fellesskap som ser ut som ett sted, føles som ett.

2. 2

   Design invitasjonsbakgrunnen først

   I 1920×1080 er den størst, så den setter uttrykket. Hold midten enkel.

3. 3

   Lag serverbanneret ut fra den

   Samme bakgrunn i 960×540, med servernavnet eller et slagord sentrert og en rolig øvre kant.

4. 4

   Sjekk i mørkt og lyst tema

   De fleste medlemmer bruker mørk modus, men ikke alle. Et banner der kantene toner mot en mellomtone, passer i begge; design for mørk modus forklarer hvorfor.

5. 5

   Forhåndsvis i ekte størrelse

   Åpne serveren på en bærbar og en mobil. Hvis ordene ikke kan leses i sidefeltet, kutt dem eller gjør dem større.

Gamingfellesskap, studieservere og Discord-servere for skapere har alle nytte av samme idé: serveren ser ut som merkevaren den hører til. Hører Discord-serveren til en strøm eller kanal, match den med merkevaren din som Twitch-strømmer eller kanalgrafikk for gaming. I Gradiently gir én Mark deg alle tre Discord-størrelsene, tegnet på nytt for hvert format i stedet for beskåret, og med Pro endrer ett steg størrelsen på et design til alle formater. Ord som legges på en Mark forblir lesbare fordi den roer seg ned bak dem. Flere formater finner du i bildestørrelser for sosiale medier.