# Discord-bannerstorlekar: server 960 x 540 och profil 680 x 240 [Canonical HTML page](https://gradiently.design/sv/guide/discord-banner-size) Discord har tre bannrar, var och en på sin plats och i sitt format. En ligger ovanför kanallistan, en hälsar dem du bjuder in och en ligger bakom ditt eget namn. Så designar du alla tre. ## The short version - Serverbannern i Discord är 960×540 pixlar, en 16:9-bild som visas överst i serverns kanallista. - Profilbannern i Discord är 680×240 pixlar och visas bakom din avatar på profilkortet. - Serverns inbjudningsbakgrund, ibland kallad inbjudningssplash, är en 16:9-bild som bäst designas i 1920×1080. - Serverbannrar och inbjudningsbakgrunder blir tillgängliga på olika nivåer av Server Boost, och egna profilbannrar kräver Discord Nitro. - Varje banner täcks delvis av Discords gränssnitt, så viktiga detaljer hör hemma i de öppna ytorna snarare än vid kanterna. **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 | Banner | Storlek | Format | Tillgänglig med | | --- | --- | --- | --- | | Serverbanner | 960×540 px | 16:9 | Server Boost nivå 2 | | Inbjudningsbakgrund | 1920×1080 px | 16:9 | Server Boost nivå 1 | | Profilbanner | 680×240 px | 17:6 | Discord Nitro | Boost-nivåer och Nitro-förmåner bestäms av Discord och ändras då och då. Kolla Serverinställningar eller dina profilinställningar för vad som är tillgängligt för dig. - Serverbanner 960×540: 960 × 540 - Inbjudningsbakgrund 1920×1080: 1920 × 1080 - Profilbanner 680×240: 680 × 240 De tre Discord-bannrarna ritade i skala. Serverbannern och inbjudningsbakgrunden delar format, profilbannern är en kort remsa. 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](https://gradiently.design/sv/guide/gif-vs-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. En Discord-serverbanner på 960 gånger 540 för bokklubben Nattugglorna med namnet centrerat på en mörk gradient Ord i mitten, en lugn topp för servernamnet och en mörkare fot som möter kanallistan. ## 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. ### Serverbanner - Visas liten, i sidofältet - Ses av medlemmar varje dag - Ord eller bild i mitten - Överkanten täcks av servernamnet ### Inbjudningsbakgrund - Visas stor, i helskärm - Ses en gång, av nyanlända - Mitten täcks av inbjudningskortet - Detaljer vid kanterna, slät mitt - Mörk mitt, violetta kanter: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)` - Mörk mitt, smaragdgröna kanter: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)` - Mörk mitt, glödande kanter: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)` Inbjudningsbakgrunder som är lugna i mitten, där kortet ligger, och glöder mot de kanter som människor faktiskt ser. ## 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. En Discord-profilbanner på 680 gånger 240 med ordet Lofi till höger och tomt utrymme till vänster Ett ord till höger, öppet utrymme till vänster för avataren. En Discord-profilbanner på 680 gånger 240 med texten Pixelkonst och tålamod på en mjuk gradient En kort rad i en lugn remsa, väl på avstånd från nedre vänstra hörnet. ## Så designar du en matchande uppsättning Discord-bannrar 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. **Designa inbjudningsbakgrunden först** I 1920×1080 är den störst och bestämmer därför looken. Håll mitten slät. 3. **Gör serverbannern utifrån den** Samma bakgrund i 960×540, med servernamnet eller en slogan centrerad och en lugn överkant. 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](https://gradiently.design/sv/guide/dark-mode-design) förklarar varför. 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](https://gradiently.design/sv/guide/twitch-streamer-branding) eller din [kanalgrafik för gaming](https://gradiently.design/sv/guide/gaming-channel-art). 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](https://gradiently.design/sv/guide/social-media-image-sizes). ## FAQ ### Vilken storlek har en Discord-serverbanner? 960×540 pixlar, en 16:9-bild. Den blir tillgänglig på Server Boost nivå 2. ### Vilken storlek har en Discord-profilbanner? 680×240 pixlar. För att ladda upp en egen profilbanner krävs Discord Nitro. Utan det kan du välja en enfärgad bannerfärg. ### Vilken storlek har Discords inbjudningsbakgrund? Det är en 16:9-bild, och 1920×1080 pixlar ger ett skarpt resultat på stora skärmar. Den blir tillgänglig på Server Boost nivå 1. ### Kan en Discord-banner vara animerad? Ja, som GIF, men animerade serverbannrar kräver en högre boost-nivå och animerade profilbannrar kräver Nitro.