# Discord-banner størrelse: server 960 x 540 og profil 680 x 240 [Canonical HTML page](https://gradiently.design/nb/guide/discord-banner-size) Discord har tre bannere, hvert på sitt sted og i sitt format. Ett står over kanallisten, ett møter dem du inviterer, og ett ligger bak ditt eget navn. Slik designer du alle tre. ## The short version - Et Discord-serverbanner er 960×540 piksler, et 16:9-bilde som vises øverst i serverens kanalliste. - Et Discord-profilbanner er 680×240 piksler og vises bak avataren din på profilkortet. - Invitasjonsbakgrunnen for serveren, også kalt invite splash, er et 16:9-bilde som designes best i 1920×1080. - Serverbannere og invitasjonsbakgrunner blir tilgjengelige på Server Boost-nivåer, og egne profilbannere krever Discord Nitro. - Hvert banner dekkes delvis av Discords grensesnitt, så viktige detaljer hører hjemme i de åpne områdene i stedet for langs kantene. **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 | Banner | Størrelse | Format | Tilgjengelig med | | --- | --- | --- | --- | | Serverbanner | 960×540 px | 16:9 | Server Boost nivå 2 | | Invitasjonsbakgrunn | 1920×1080 px | 16:9 | Server Boost nivå 1 | | Profilbanner | 680×240 px | 17:6 | Discord Nitro | Boost-nivåer og Nitro-fordeler bestemmes av Discord og endres fra tid til annen. Sjekk serverinnstillingene eller profilinnstillingene for hva du har tilgang til. - Serverbanner 960×540: 960 × 540 - Invitasjonsbakgrunn 1920×1080: 1920 × 1080 - Profilbanner 680×240: 680 × 240 De tre Discord-bannerne tegnet i riktig forhold. Serverbanneret og invitasjonsbakgrunnen har samme format; profilbanneret er en lav stripe. 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](https://gradiently.design/nb/guide/gif-vs-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. Et Discord-serverbanner på 960 x 540 for Nattuglenes bokklubb med navnet sentrert på en mørk gradient Ord i midten, en rolig topp for servernavnet og en mørkere fot som møter kanallisten. ## 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. ### Serverbanner - Vises lite, i sidefeltet - Ses av medlemmer hver dag - Ord eller bilde i midten - Øvre kant dekket av servernavnet ### Invitasjonsbakgrunn - Vises stort, i fullskjerm - Ses én gang, av nye medlemmer - Midten dekket av invitasjonskortet - Detaljer i kantene, enkel midte - Mørk midte, fiolette kanter: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)` - Mørk midte, smaragdkanter: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)` - Mørk midte, glørkanter: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)` Invitasjonsbakgrunner som er stille i midten, der kortet står, og gløder mot kantene folk faktisk ser. ## 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ø. Et Discord-profilbanner på 680 x 240 med ordet Lofi til høyre og tom plass til venstre Ett ord til høyre, åpen plass til venstre for avataren. Et Discord-profilbanner på 680 x 240 med teksten Pikselkunst og tålmodighet på en myk gradient En kort linje i en rolig stripe, godt unna nedre venstre hjørne. ## Slik designer du et samstemt sett med Discord-bannere 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. **Design invitasjonsbakgrunnen først** I 1920×1080 er den størst, så den setter uttrykket. Hold midten enkel. 3. **Lag serverbanneret ut fra den** Samme bakgrunn i 960×540, med servernavnet eller et slagord sentrert og en rolig øvre kant. 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](https://gradiently.design/nb/guide/dark-mode-design) forklarer hvorfor. 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](https://gradiently.design/nb/guide/twitch-streamer-branding) eller [kanalgrafikk for gaming](https://gradiently.design/nb/guide/gaming-channel-art). 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](https://gradiently.design/nb/guide/social-media-image-sizes). ## FAQ ### Hvilken størrelse har et Discord-serverbanner? 960×540 piksler, et 16:9-bilde. Det blir tilgjengelig på Server Boost nivå 2. ### Hvilken størrelse har et Discord-profilbanner? 680×240 piksler. Å laste opp et eget profilbanner krever Discord Nitro; uten det kan du velge en ensfarget bannerfarge. ### Hvilken størrelse har invitasjonsbakgrunnen på Discord? Det er et 16:9-bilde, og 1920×1080 piksler gir et skarpt resultat på store skjermer. Det blir tilgjengelig på Server Boost nivå 1. ### Kan et Discord-banner være animert? Ja, som GIF, men animerte serverbannere krever et høyere boost-nivå og animerte profilbannere krever Nitro.