Discord-Bannergrößen: Server 960 x 540 und Profil 680 x 240

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

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 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.

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.

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.

So gestaltest du ein passendes Set Discord-Banner

1. 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. 2

   Gestalte zuerst den Einladungshintergrund

   In 1920×1080 ist er der größte und bestimmt den Look. Halte seine Mitte schlicht.

3. 3

   Mache daraus das Server-Banner

   Derselbe Hintergrund in 960×540, mit Servername oder Slogan mittig und ruhigem oberem Rand.

4. 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 erklärt, warum.

5. 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 oder Gaming-Kanalbilder 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.