# Discord-Bannergrößen: Server 960 x 540 und Profil 680 x 240 [Canonical HTML page](https://gradiently.design/de/guide/discord-banner-size) Discord hat drei Banner, jedes an anderer Stelle und in anderer Form. Eines liegt über deiner Kanalliste, eines begrüßt Eingeladene, eines liegt hinter deinem Namen. So gestaltest du alle drei. ## The short version - Die Discord Server-Bannergröße ist 960×540 Pixel, ein 16:9-Bild oben in der Kanalliste des Servers. - Die Discord Profil-Bannergröße ist 680×240 Pixel und liegt auf deiner Profilkarte hinter deinem Avatar. - Der Server-Einladungshintergrund, manchmal Invite Splash genannt, ist ein 16:9-Bild, das am besten in 1920×1080 gestaltet wird. - Server-Banner und Einladungshintergründe werden mit Server-Boost-Stufen verfügbar, und eigene Profilbanner brauchen Discord Nitro. - Jedes Banner wird teilweise von Discords Oberfläche verdeckt, wichtige Details gehören daher in die offenen Bereiche statt an die Ränder. Die **Discord Bannergröße** hängt davon ab, welches Banner du meinst. Ein Server-Banner ist 960×540 Pixel, ein 16:9-Bild oben in der Kanalliste deines Servers. Ein Profilbanner ist 680×240 Pixel und liegt auf deiner Profilkarte hinter dem Avatar. Der Server-Einladungshintergrund, den Leute sehen, die einen Einladungslink öffnen, ist ebenfalls 16:9 und sieht in 1920×1080 am besten aus. Jedes wird teilweise von Discords Oberfläche verdeckt, gestalte sie also als Atmosphäre und halte das Wichtige frei. ## Discord-Bannermaße im Überblick | Banner | Größe | Verhältnis | Verfügbar mit | | --- | --- | --- | --- | | Server-Banner | 960×540 px | 16:9 | Server-Boost Stufe 2 | | Einladungshintergrund | 1920×1080 px | 16:9 | Server-Boost Stufe 1 | | Profilbanner | 680×240 px | 17:6 | Discord Nitro | Boost-Stufen und Nitro-Vorteile legt Discord fest, und sie ändern sich gelegentlich. Prüfe in den Servereinstellungen oder deinen Profileinstellungen, was dir zur Verfügung steht. - Server-Banner 960×540: 960 × 540 - Einladungshintergrund 1920×1080: 1920 × 1080 - Profilbanner 680×240: 680 × 240 Die drei Discord-Banner maßstabsgetreu. Server-Banner und Einladungshintergrund teilen eine Form, das Profilbanner ist ein kurzer Streifen. Exportiere PNG für Grafiken, Text und Verläufe, JPEG für Fotos. Animierte Banner nutzen GIF und brauchen für Server eine höhere Boost-Stufe oder für Profile Nitro; machst du eines, halte die Bewegung langsam, denn das Banner liegt neben Leuten, die lesen und tippen. [GIF vs. MP4](https://gradiently.design/de/guide/gif-vs-mp4) erklärt, warum GIFs sorgfältige Farben brauchen. ## Discord-Server-Banner: 960 x 540 Das Server-Banner sitzt oben in der Kanal-Seitenleiste, über deiner Kanalliste. Die Seitenleiste ist schmal, das Banner wird also klein gezeigt, und Servername und Menüpfeil liegen über seinem oberen Rand. Mitglieder sehen es jedes Mal, wenn sie den Server öffnen, es ist also das meistgesehene Bild, das du auf Discord hast. - **Halte den oberen Streifen ruhig.** Etwa die oberen 100 Pixel tragen den Servernamen in Weiß, ein dunklerer oder schlichterer Rand hilft beim Lesen. - **Setze Bild oder Worte in die Mitte.** Zuschnitt und Skalierung der Seitenleiste lassen Details am Rand verschwinden. - **Verzichte auf kleinen Text.** In Seitenleistengröße ist alles unter etwa 60 Pixeln Höhe in deinem Design in 960×540 unlesbar. - **Lass es in die Seitenleiste auslaufen.** Ein Banner, dessen unterer Rand zu Discords dunklem Theme hin dunkler wird, sitzt in der Oberfläche statt darauf. Ein Discord-Server-Banner in 960 mal 540 für den Night Owls Book Club mit mittigem Namen auf einem dunklen Verlauf Worte in der Mitte, ein ruhiger oberer Rand für den Servernamen und ein dunklerer Fuß, der auf die Kanalliste trifft. ## Discord-Einladungshintergrund Der Einladungshintergrund füllt den Bildschirm hinter der Einladungskarte, wenn jemand deinen Einladungslink im Browser öffnet. Die Karte selbst sitzt in der Mitte und zeigt dein Server-Icon, den Namen und die Schaltfläche zum Annehmen. Die Mitte deines Bildes ist also größtenteils verdeckt. Gestalte den Einladungshintergrund als volle Fläche aus Farbe oder Textur, mit Details zu den Rändern und Ecken hin, das Gegenteil der meisten Banner. ### Server-Banner - Klein gezeigt, in der Seitenleiste - Täglich von Mitgliedern gesehen - Worte oder Bild in der Mitte - Oberer Rand vom Servernamen verdeckt ### Einladungshintergrund - Groß gezeigt, im Vollbild - Einmal gesehen, von Neuankömmlingen - Mitte von der Einladungskarte verdeckt - Details an den Rändern, Mitte schlicht - Dunkle Mitte, violette Ränder: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)` - Dunkle Mitte, smaragdgrüne Ränder: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)` - Dunkle Mitte, glutfarbene Ränder: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)` Einladungshintergründe, die in der Mitte ruhig sind, wo die Karte sitzt, und zu den Rändern glühen, die man wirklich sieht. ## Discord-Profilbanner: 680 x 240 Mit Nitro kannst du ein Profilbanner hochladen, das oben auf deiner Profilkarte erscheint, wenn jemand auf deinen Namen klickt. Dein runder Avatar überlappt die untere linke Ecke, und die Karte ist schmal, das Banner funktioniert also am besten als Farbe und Textur mit Details rechts. Ohne Nitro kannst du trotzdem eine einfarbige Bannerfarbe wählen, die du am besten auf deinen Avatar abstimmst. Dein Profilbanner begleitet dich auf jeden Server, den du betrittst, wähle also etwas, das zu allen passt, statt zum Insiderwitz einer Community. Ein Discord-Profilbanner in 680 mal 240 mit dem Wort Lofi rechts und leerem Platz links Ein Wort rechts, links freier Platz für den Avatar. Ein Discord-Profilbanner in 680 mal 240 mit dem Text Pixel Art und Geduld auf einem sanften Verlauf Eine kurze Zeile in einem ruhigen Streifen, weit weg von der unteren linken Ecke. ## So gestaltest du ein passendes Set Discord-Banner 1. **Wähle eine Hintergrundfamilie** Dieselben Farben oder dasselbe Material über Server-Banner, Einladungshintergrund, Server-Icon und Rollenfarben. Eine Community, die wie ein Ort aussieht, fühlt sich wie einer an. 2. **Gestalte zuerst den Einladungshintergrund** In 1920×1080 ist er der größte und bestimmt den Look. Halte seine Mitte schlicht. 3. **Mache daraus das Server-Banner** Derselbe Hintergrund in 960×540, mit Servername oder Slogan mittig und ruhigem oberem Rand. 4. **Prüfe in dunklem und hellem Theme** Die meisten Mitglieder nutzen den Dunkelmodus, aber nicht alle. Ein Banner, dessen Ränder zu einem Mittelton auslaufen, sitzt in beiden gut; [Dark-Mode-Design](https://gradiently.design/de/guide/dark-mode-design) erklärt, warum. 5. **Sieh dir die Vorschau in echter Größe an** Öffne den Server am Laptop und am Handy. Sind die Worte in der Seitenleiste nicht lesbar, streiche sie oder setze sie größer. Gaming-Communities, Lernserver und Creator-Discords profitieren alle von derselben Idee: Der Server sieht aus wie die Marke, zu der er gehört. Unterstützt dein Discord einen Stream oder Kanal, stimme es auf dein [Twitch-Streamer-Branding](https://gradiently.design/de/guide/twitch-streamer-branding) oder [Gaming-Kanalbilder](https://gradiently.design/de/guide/gaming-channel-art) ab. In Gradiently liefert dir ein Mark alle drei Discord-Größen, jede frisch für ihre Form berechnet statt zugeschnitten, und mit Pro passt ein einziger Schritt ein Design an alle Größen an. Worte auf dem Mark bleiben lesbar, weil er sich dahinter beruhigt. Mehr Formen stehen in [Bildgrößen für Social Media](https://gradiently.design/de/guide/social-media-image-sizes). ## FAQ ### Welche Größe hat ein Discord-Server-Banner? 960×540 Pixel, ein 16:9-Bild. Es wird mit Server-Boost Stufe 2 verfügbar. ### Welche Größe hat ein Discord-Profilbanner? 680×240 Pixel. Ein eigenes Profilbanner hochzuladen erfordert Discord Nitro; ohne kannst du eine einfarbige Bannerfarbe wählen. ### Welche Größe hat der Discord-Einladungshintergrund? Es ist ein 16:9-Bild, und 1920×1080 Pixel ergeben auf großen Bildschirmen ein scharfes Ergebnis. Er wird mit Server-Boost Stufe 1 verfügbar. ### Kann ein Discord-Banner animiert sein? Ja, als GIF, aber animierte Server-Banner brauchen eine höhere Boost-Stufe und animierte Profilbanner Nitro.