Zum Hauptinhalt springen
ToolsByUs

Discord-Banner skalieren

Discord verwendet zwei verschiedene Banner: 680 × 240 bei 17:6 für ein Profil und 960 × 540 bei 16:9 für einen Server. Schneiden Sie hier einmal zu und beide werden gemeinsam exportiert, wobei der Avatar-Kreis und der Namensblock über der Vorschau gezeichnet sind, sodass nichts Wichtiges dahinter verborgen bleibt.

Nur lokal

PNG, JPG, WebP oder GIF hierher ziehen

oder irgendwo auf der Seite ablegen · Datei auswählen · 100 MB

Unterstützt: PNG, JPG, JPEG, WebP, GIF, AVIF

Discord-Banner skalieren erklärt

Fast jedes „Discord-Banner“-Problem entsteht aus demselben Fehler: Es gibt davon zwei. Das Profilbanner hinter Ihrem Avatar ist 680 × 240, ein breiter 17:6-Bildschirmformat. Das Serverbanner über der Kanalliste ist 960 × 540, das übliche 16:9-Format. Sie sehen in einer Design-Datei ähnlich aus und verhalten sich nach dem Hochladen völlig unterschiedlich.

Discord lehnt kein Banner mit falschem Format ab. Es zentriert es und schneidet es stumm zu, was schlimmer ist – ein 16:9-Bild, das in den Profil-Slot geladen wird, verliert etwa ein Drittel seiner Höhe von oben und unten, und der Teil, der genommen wird, ist, was zufällig in der Mitte war. Kunstwerke mit einem Logo in der Nähe einer Kante kommen zurück mit dem Logo halb abgeschnitten.

Diese Seite hält beide Rahmen und exportiert beide aus einem einzigen Zuschnitt, und sie zeichnet, was Discord darüberlegt: das runde Profilbild, das die untere linke Ecke überlappt, und der Benutzername daneben. Was auf einem echten Profil überlebt, ist nicht das, was in einer Design-Datei überlebt, und der Unterschied ist der Teil, der sich vor dem Hochladen lohnt zu sehen.

Wenn die Größe, die Sie benötigen, Ihre eigene ist und nicht von Discord, das allgemeine Bild-zuschneiden-Tool lässt Sie jedes beliebige Pixel-Rechteck eingeben.

Kunst für mehrere Orte gleichzeitig zu formatieren, ist üblich, und die anderen Plattform-Resizer halten die gleichen genauen Rahmen für Twitch, Roblox, Etsy und den Rest.

Beide Bannergrößen und wo jede angezeigt wird

Die beiden Rahmen werden an unterschiedlichen Orten verwendet und keiner ersetzt den anderen. Exportieren Sie beide und bewahren Sie sie auf; ein Server, den Sie betreiben, und ein Profil, das Sie besitzen, werden irgendwann eines benötigen.

BannerGrößeVerhältnisWo er angezeigt wird
Profilbanner680 × 24017:6Hinter Ihrem Avatar auf Ihrer eigenen Profilkarte
Serverbanner960 × 54016:9Über der Kanalliste, für boostete Server
Server-Einladungs-Hintergrund1920 × 108016:9Hinter einer Vorschau einer Einladungslink

Was auf einem Profilbanner liegt

Ein Profilbanner wird niemals ganz gesehen. Der runde Avatar überlappt die untere linke Ecke und der Benutzername, Tag und Abzeichen sitzen direkt rechts von diesem Kreis – gemeinsam bedecken sie den größten Teil der unteren linken Quadrante.

Die Vorschrage oben zeichnet beides. Die daraus resultierende praktische Regel: Nichts, das gelesen werden muss, in das untere linke Drittel setzen. Gesichter, Logos und Text gehören nach oben rechts, und ein Hintergrund, der sich als Textur und nicht als Komposition liest, überlebt denOverlap am besten.

  • Der Avatar-Kreis überlappt die untere linke Ecke des Banners und wird zu einem Kreis maskiert, so dass Eckendetails doppelt verloren gehen.
  • Der Namensblock erstreckt sich nach rechts vom Avatar, quer über die Mitte der unteren Hälfte.
  • Abzeichen und Statuspunkte sitzen im und um den Kreis, daher feine Details direkt dahinter verschwinden vollständig.

Warum ein 16:9-Bild den 17:6-Zuschnitt nie überlebt

17:6 ist 2,5 zu 1; 16:9 ist etwa 1,78 zu 1. Der Profilrahmen ist bei gleicher Höhe deutlich breiter, also bedeutet das Einpassen eines 16:9-Bildes hinein, dass oben und unten weggeworfen werden – etwa 29% der Höhe – oder die Seiten aufgefüllt und der vollflächige Look vollständig verloren geht.

Keiner der beiden Ergebnisse ist falsch, aber die Wahl sollte Ihnen gehören. Rahmen füllend zuschneiden und lässt Sie wählen, was zentriert bleibt; Ganzes Bild anpassen füllt mit einer Hintergrundfarbe auf und behält jedes Pixel. Ein Tool, das nur das Erste anbietet, entscheidet für Sie.

Format und Dateigröße

PNG für Kunstwerke mit flacher Farbe, scharfen Kanten oder Text, bei denen JPEGs Ringung um jeden Buchstaben sichtbar ist. JPEG für ein fotografisches Banner, wo es bei gleicher sichtbarer Qualität dramatisch kleiner ist. WebP wird akzeptiert und ist noch kleiner, obwohl PNG oder JPEG die sicherere Option ist, die man jemandem weitergibt, der es später erneut hochlädt.

Animierte Banner sind ein Nitro-Feature und benötigen ein GIF, das dieses Tool nicht erzeugt – es formatiert Standbilder. Was es tun wird, ist den genauen Rahmen vorzubereiten, den ein Animator als Ausgangspunkt benötigt.

Häufig gestellte Fragen

Wie groß ist ein Discord-Profilbanner?

680 × 240 Pixel, ein 17:6-Verhältnis. Das ist die Größe, mit der Discord es auf einer Profilkarte anzeigt, und alles mit einem anderen Format wird zentriert zugeschnitten, um zu passen, anstatt abgelehnt zu werden. Größere Uploads mit demselben 17:6-Verhältnis werden sauber verkleinert, also ist 1360 × 480 eine sinnvolle Quelldatei, wenn Sie Spielraum wünschen.

Warum schneidet Discord meinen Banner zu?

Weil das Bild, das Sie gegeben haben, nicht dem Verhältnis entspricht, das der Slot erwartet. Discord füllt den Rahmen anstatt ihn zu letterboxen, also nimmt es die Mitte Ihres Bildes und wirft den Rest weg – oben und unten für zu ein Bild, links und rechts für zu ein breites Bild. Hier absichtlich zuzuschneiden bedeutet, dass Sie wählen, welchen Teil es behält.

Ist der Serverbanner dasselbe Bild wie der Profilbanner?

Nein, und eines für das andere zu wiederverwenden, ist der häufigste Fehler. Ein Serverbanner ist 960 × 540 bei 16:9 und erscheint über der Kanalliste; ein Profilbanner ist 680 × 240 bei 17:6 und erscheint hinter Ihrem Avatar. Exportieren Sie beide von dieser Seite und bewahren Sie sie als separate Dateien auf.

Wird mein Teil des Kunstwerks verdecken?

Ja. Das runde Profilbild überlappt die untere linke Ecke und der Namensblock erstreckt sich nach rechts davon. Beide werden über der Vorschrage oben gezeichnet, damit Sie denOverlap beim Zuschneiden sehen und nicht erst später entdecken. Halten Sie alles, das gelesen werden muss, aus dem unteren linken Drittel heraus.

Wird das Bild irgendwo hochgeladen, um es zu ändern?

Nein. Dekodieren, Zuschneiden, Ändern der Größe und Kodieren geschehen alle in diesem Browser-Tab, und Sie können es überprüfen: Öffnen Sie DevTools, wechseln Sie zum Netzwerk-Bedienfeld und exportieren – nichts, das Ihre Datei enthält, erscheint. Die Content-Security-Policy der Seite würde einen ausgehenden Request sowieso blockieren.

Kann ich hier einen animierten Discord-Banner erstellen?

Nicht hier. Ein animierter Banner benötigt ein GIF und ist ein Nitro-Feature; dieses Tool formatiert Standbilder in PNG, JPEG oder WebP. Es ist dennoch als erster Schritt nützlich – exportieren Sie den genauen Rahmen bei 680 × 240 oder 960 × 540 und animieren Sie davon, damit die Abmessungen stimmen, bevor die Animation beginnt.

ToolsByUs-Team · Wie wir unsere Tools prüfen