# Størrelse på Discord-banner: server 960 x 540 og profil 680 x 240

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

Discord har tre bannere, hver på sit sted og i sin form. Ét sidder over din kanalliste, ét hilser de folk, du inviterer, og ét sidder bag dit eget navn. Sådan designer du alle tre.

## The short version

- Serverbanneret på Discord er 960×540 pixel, et 16:9-billede, der vises øverst i serverens kanalliste.
- Profilbanneret på Discord er 680×240 pixel og vises bag din avatar på dit profilkort.
- Serverens invitationsbaggrund, nogle gange kaldet invitationssplash, er et 16:9-billede, der bedst designes i 1920×1080.
- Serverbannere og invitationsbaggrunde bliver tilgængelige ved Server Boost-niveauer, og egne profilbannere kræver Discord Nitro.
- Hvert banner er delvist dækket af Discords brugerflade, så vigtige detaljer hører hjemme i de åbne områder frem for ved kanterne.

**Størrelsen på Discord-banneret** afhænger af, hvilket banner du mener. Et serverbanner er 960×540 pixel, et 16:9-billede, der vises øverst i din servers kanalliste. Et profilbanner er 680×240 pixel og sidder bag din avatar på dit profilkort. Serverens invitationsbaggrund, som folk ser, når de åbner et invitationslink, er også 16:9 og ser bedst ud i 1920×1080. Hvert er delvist dækket af Discords brugerflade, så design dem som stemning, og hold det vigtige frit.

## Discord-bannerdimensioner i overblik

| Banner | Størrelse | Format | Tilgængelig med |
| --- | --- | --- | --- |
| Serverbanner | 960×540 px | 16:9 | Server Boost niveau 2 |
| Invitationsbaggrund | 1920×1080 px | 16:9 | Server Boost niveau 1 |
| Profilbanner | 680×240 px | 17:6 | Discord Nitro |

Boost-niveauer og Nitro-fordele fastsættes af Discord og ændres fra tid til anden. Se Serverindstillinger eller dine profilindstillinger for, hvad der er tilgængeligt for dig.

- Serverbanner 960×540: 960 × 540
- Invitationsbaggrund 1920×1080: 1920 × 1080
- Profilbanner 680×240: 680 × 240

De tre Discord-bannere tegnet i målestok. Serverbanneret og invitationsbaggrunden har samme form; profilbanneret er en kort stribe.

Eksportér PNG til grafik, tekst og gradienter, JPEG til fotografier. Animerede bannere bruger GIF og kræver et højere boost-niveau for servere eller Nitro for profiler; laver du et, så hold bevægelsen langsom, for banneret sidder ved siden af folk, der læser og skriver. [GIF vs MP4](https://gradiently.design/da/guide/gif-vs-mp4) forklarer, hvorfor GIF'er kræver omhyggelig farvehåndtering.

## Discord-serverbanner: 960 x 540

Serverbanneret sidder øverst i kanalsidebaren, over din liste af kanaler. Sidebaren er smal, så banneret vises småt, og servernavnet og en menupil ligger oven på dets øverste kant. Medlemmerne ser det, hver gang de åbner serveren, hvilket gør det til det mest sete billede, du har på Discord.

- **Hold det øverste bånd roligt.** Cirka de øverste 100 pixel bærer servernavnet i hvid, så en mørkere eller enklere top hjælper læsbarheden.
- **Læg billede eller ord i midten.** Sidebarens beskæring og skalering får detaljer ved kanten til at forsvinde.
- **Undgå lille tekst.** I sidebarstørrelse er alt under cirka 60 pixel i højden i dit 960×540-design ulæseligt.
- **Lad det tone ind i sidebaren.** Et banner, hvis nederste kant mørkner mod Discords mørke tema, sidder i brugerfladen frem for oven på den.

Et Discord-serverbanner på 960 gange 540 til Natteravnenes Bogklub med navnet centreret på en mørk gradient

Ord i midten, en rolig top til servernavnet og en mørkere fod, der mødes med kanallisten.

## Discord-invitationsbaggrund

Invitationsbaggrunden fylder skærmen bag invitationskortet, når nogen åbner dit invitationslink i en browser. Selve kortet sidder i midten og viser dit serverikon, navn og knappen Accepter. Det betyder, at midten af dit billede for det meste er skjult. Design invitationsbaggrunden som en fuld ramme af farve eller tekstur med detaljer skubbet mod kanter og hjørner, det modsatte af de fleste bannere.

### Serverbanner

- Vises småt i sidebaren
- Ses af medlemmer hver dag
- Ord eller billede i midten
- Øverste kant dækkes af servernavnet

### Invitationsbaggrund

- Vises stort, i fuld skærm
- Ses én gang af nyankomne
- Midten dækkes af invitationskortet
- Detaljer ved kanterne, almindelig midte

- Mørk midte, violette kanter: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)`
- Mørk midte, smaragdgrønne kanter: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)`
- Mørk midte, glødende kanter: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)`

Invitationsbaggrunde, der er rolige i midten, hvor kortet sidder, og som lyser mod de kanter, folk faktisk kan se.

## Discord-profilbanner: 680 x 240

Med Nitro kan du uploade et profilbanner, som vises over toppen af dit profilkort, når nogen klikker på dit navn. Din runde avatar overlapper dets nederste venstre del, og kortet er smalt, så banneret fungerer bedst som farve og tekstur med eventuelle detaljer til højre. Uden Nitro kan du stadig vælge en ensfarvet bannerfarve, som er værd at afstemme efter din avatar. Dit profilbanner følger med dig ind i hver server, du kommer med i, så vælg noget, der passer til dem alle, frem for ét fællesskabs interne joke.

Et Discord-profilbanner på 680 gange 240 med ordet Lofi til højre og tom plads til venstre

Ét ord til højre, åben plads til venstre til avataren.

Et Discord-profilbanner på 680 gange 240 med teksten Pixelkunst og tålmodighed på en blød gradient

En kort linje i en rolig stribe, holdt godt væk fra nederste venstre hjørne.

## Sådan designer du et sæt Discord-bannere, der passer sammen

1. **Vælg én baggrundsfamilie** Samme farver eller materiale på tværs af serverbanner, invitationsbaggrund, servericon og rollefarver. Et fællesskab, der ser ud som ét sted, føles som ét sted.
2. **Design invitationsbaggrunden først** I 1920×1080 er den størst, så den fastlægger udtrykket. Hold dens midte enkel.
3. **Lav serverbanneret ud fra den** Samme baggrund i 960×540, med servernavnet eller en tagline centreret og en rolig overkant.
4. **Tjek i mørkt og lyst tema** De fleste medlemmer bruger mørk tilstand, men ikke alle. Et banner, hvis kanter toner ud til en mellemtone, fungerer i begge; [design til mørk tilstand](https://gradiently.design/da/guide/dark-mode-design) forklarer hvorfor.
5. **Forhåndsvis i reel størrelse** Åbn serveren på en bærbar og en telefon. Hvis ordene ikke kan læses i sidebaren, så skær dem væk eller gør dem større.

Gamingfællesskaber, studieservere og skaber-Discords har alle gavn af den samme idé: serveren ser ud som det brand, den hører til. Hvis din Discord støtter en stream eller kanal, så afstem den med din [Twitch-streamer-branding](https://gradiently.design/da/guide/twitch-streamer-branding) eller [kanalgrafik til gaming](https://gradiently.design/da/guide/gaming-channel-art). I Gradiently giver én Mark dig alle tre Discord-størrelser, renderet frisk til hver form frem for beskåret, og på Pro ændrer ét trin et design til alle størrelser. Ord, der ligger på Marken, forbliver læselige, fordi den falder til ro bag dem. Flere formater finder du i [størrelser til billeder på sociale medier](https://gradiently.design/da/guide/social-media-image-sizes).

## FAQ

### Hvilken størrelse har et Discord-serverbanner?

960×540 pixel, et 16:9-billede. Det bliver tilgængeligt ved Server Boost niveau 2.

### Hvilken størrelse har et Discord-profilbanner?

680×240 pixel. At uploade et eget profilbanner kræver Discord Nitro; uden det kan du vælge en ensfarvet bannerfarve.

### Hvilken størrelse har Discords invitationsbaggrund?

Det er et 16:9-billede, og 1920×1080 pixel giver et skarpt resultat på store skærme. Den bliver tilgængelig ved Server Boost niveau 1.

### Kan et Discord-banner være animeret?

Ja, som GIF, men animerede serverbannere kræver et højere boost-niveau, og animerede profilbannere kræver Nitro.