Instagram, TikTok und X6 Min. Lesezeit

Leitfaden zu X-(Twitter-)Header und Beitragsgrafiken

Gestalten Sie einen X-Header mit 1500 x 500 px und nichts Wichtigem in den oberen und unteren 60 px, und bauen Sie Beitragsbilder mit derselben Schrift, denselben Farben und Rändern.

Bauen Sie Ihren X-Header mit 1500 x 500 px, der von X empfohlenen Größe, und halten Sie jedes Wort und jedes Logo aus den oberen und unteren 60 px heraus, denn X sagt, dass dieser Streifen auf manchen Bildschirmen beschnitten werden kann. Wählen Sie für Beitragsbilder ein Seitenverhältnis zwischen 2:1 und 3:4, damit ein einzelnes Foto vollständig angezeigt wird, und übernehmen Sie Schrift, Farben und Ränder des Headers, damit Profil und Beiträge wie eine Marke wirken.

Dieser Leitfaden handelt vom Design. Die vollständige Tabelle der X-Bildgrößen und Zuschnitte bei mehreren Bildern finden Sie in unserem Leitfaden zu X-Bildgrößen. Die folgenden Plattformfakten stammen aus dem X-Hilfe-Center, geprüft am 5. Oktober 2026. Alles, was als unsere Empfehlung gekennzeichnet ist, ist unsere Einschätzung und keine X-Regel.

Wie groß ist der X-Header und was wird beschnitten?

X nennt für den Header, den es auch Banner nennt, 1500 x 500 Pixel, ein Verhältnis von 3:1. Die Seite zur Fehlerbehebung ergänzt das für das Design wichtigste Detail: Selbst bei der empfohlenen Größe können oben und unten 60 Pixel beschnitten werden, je nach Monitor und Browser.

Element Was X sagt Quelle
Header (Banner) 1500 x 500 px empfohlen; JPG, GIF oder PNG; keine animierten GIFs Profil anpassen
Header-Zuschnitt Oben und unten können bis zu 60 px beschnitten werden Hilfe zum Profilfoto
Profilfoto 400 x 400 px empfohlen; JPG, GIF oder PNG; maximal 2 MB Hilfe zum Profilfoto
Bio maximal 160 Zeichen Profil anpassen
Einzelnes Beitragsfoto Verhältnisse von 2:1 bis 3:4 werden vollständig angezeigt; Fotos bis 5 MB; GIF, JPEG oder PNG Fotos posten
Bildbeschreibung (Alt-Text) bis zu 1000 Zeichen, für alle lesbar Bildbeschreibungen

Das X-Hilfe-Center nennt kein Dateigrößenlimit für Header-Bilder; die 2 MB gelten für Profilfotos. Unser Leitfaden zu X-Bildgrößen weist darauf hin, dass die Entwicklerdokumentation von X für Beiträge auch WEBP akzeptiert, ein Format, das die Seite des Hilfe-Centers nicht aufführt.

Hier die Rechnung für den sicheren Bereich. Ziehen Sie bei einem 500 px hohen Header oben und unten je 60 px ab, bleiben 380 px, Ihr sicherer Streifen misst also 1500 x 380 px, etwas weniger als 4:1. Auf einem Smartphone mit etwa 390 Punkten Breite wird der ganze Header mit 390 / 1500 = 0,26 skaliert, sodass der sichere Streifen nur noch rund 99 Punkte hoch ist. In diesem Raum muss Ihre Botschaft leben.

Wohin gehören Text und Logos im X-Header?

In den mittleren Streifen, weg von den Rändern und weg vom Profilfoto. X dokumentiert nicht, wo das runde Profilfoto den Header überdeckt, und die Überlappung unterscheidet sich zwischen App und Web. Unsere Empfehlung: Halten Sie das untere linke Viertel frei von allem Wichtigen und prüfen Sie Ihr Live-Profil nach dem Hochladen sowohl auf einem Smartphone als auch auf einem Desktop.

Header mit 1500 x 500, erzeugt aus unserer Demo-Marke AURORA: ein weicher Verlauf aus Grün, Rosa und Pfirsich mit einer durchscheinenden abgerundeten Karte in der Mitte, einem winzigen Label AURORA und der Überschrift Templates your team cannot break in großer schwarzer Schrift über zwei Zeilen, alles weit innerhalb von oberem und unterem Rand

Dieses Layout hält die Überschrift im mittleren Streifen, mit 72 px auf der 1500-px-Fläche, was auf einem Smartphone mit 390 Punkten etwa 19 Punkten entspricht (72 x 0,26). Das kleine AURORA-Label darüber hat nur 6 px, betrachten Sie es also als Textur: In Smartphone-Größe liest es niemand.

Nun ein Layout, das für einen quadratischen Beitrag gebaut und zu einem Header gestreckt wurde:

Header mit 1500 x 500, erzeugt aus unserer Demo-Marke AURORA im Stil von Label-Streifen: ein schwarzer Streifen am oberen Rand mit winzigen weißen Labels, die Überschrift Design once. Post forever. in großer schwarzer Schrift, eine dünne Linie mit drei winzigen Index-Labels und ein grüner Streifen am unteren Rand mit winzigen Labels an beiden Enden

Der schwarze Streifen oben und der grüne Streifen unten, samt aller Labels darauf, liegen vollständig innerhalb der 60-px-Bereiche, die laut X beschnitten werden können. Die Überschrift bleibt erhalten, der Rahmen nicht. Unserer Ansicht nach ist das der häufigste Header-Fehler: ein Design, das von seinen Rändern abhängt. Halten Sie Randdekoration optional, sodass ihr Verlust nichts ändert.

Unsere Header-Regeln (unsere Empfehlung, keine X-Regeln):

  • Höchstens eine Textzeile oder eine kurze Überschrift über zwei Zeilen. Die Bio übernimmt das Erklären.
  • Text mit 48 px oder mehr auf der 1500-px-Fläche (etwa 12,5 Punkte auf dem Smartphone), Überschrift mit 72 px oder mehr.
  • Nichts Wichtiges in den oberen 60 px, den unteren 60 px oder im unteren linken Viertel.
  • Keine Call-to-Action-Schaltfläche im Header. Sie ist nicht anklickbar, und der echte Link gehört in die Bio oder einen angepinnten Beitrag.
  • Aktualisieren Sie ihn, wenn sich Ihre Kampagne ändert, und stellen Sie ihn danach wieder her. Ein veraltetes Launch-Banner lässt das ganze Profil alt aussehen.

Wie sollten X-Beitragsgrafiken gestaltet sein?

Ein Beitragsbild hat eine andere Aufgabe als der Header: Es konkurriert in einem Feed, in kleiner Größe, neben den Beiträgen anderer. Das X-Hilfe-Center sagt, dass ein einzelnes Foto mit einem Seitenverhältnis zwischen 2:1 und 3:4 vollständig angezeigt wird und dass Sie im Editor sehen, was Sie bekommen. Wählen Sie innerhalb dieses Bereichs nach Inhalt:

Beitragstyp Unser empfohlenes Seitenverhältnis Warum
Ankündigung, Release Notes 16:9 (1200 x 675 px) Passt zur querformatigen Feed-Karte und zu Link-Vorschauen
Zitat, Kennzahl, Meinung 1:1 (1080 x 1080 px) In anderen Netzwerken wiederverwendbar
Schritt, Checkliste, Diagramm 4:5 oder 3:4 Eine höhere Fläche fasst mehr Zeilen in lesbarer Größe

Querformatiger Beitrag mit 1200 x 675, erzeugt aus unserer Demo-Marke AURORA: ein cremefarbener Hintergrund zwischen zwei dünnen Linien, ein kleines Label RELEASE NOTES, die Überschrift Approvals now take one tap in großer schwarzer Schrift über zwei Zeilen und ein kleines Label SHIPPED mit dem Datum October 2026

Dieses Release-Notes-Layout teilt Schrift, Linien und Ränder mit den quadratischen Beiträgen derselben Marke und wirkt daher wie Teil einer Familie. Halten Sie Beitragsüberschriften bei zwei oder drei Zeilen und setzen Sie die Details in den Beitragstext.

Schreiben Sie jedes Mal eine Bildbeschreibung. X erlaubt bis zu 1000 Zeichen, sagt, dass die Beschreibung der einzige garantierte Ort ist, an dem ein Bild beschrieben wird, und merkt an, dass sie jeder lesen kann. Wenn das Bild Wörter enthält, nehmen Sie sie in die Beschreibung auf.

Wie arbeiten Header und Beiträge als ein System?

Betrachten Sie den Header als Titelseite Ihres Profils und die Beiträge als dessen Seiten. Wer auf Ihren Namen tippt, sieht Header, Profilfoto und Ihre neuesten Bilder zusammen, also sollten sie dieselben Bausteine teilen.

Element Header Beitragsgrafik
Schrift Überschriftenschrift der Marke Dieselbe Schrift und Schnitte
Farben Markenhintergrund, ein Akzent Derselbe Hintergrund und Akzent
Ränder Innerhalb des sicheren Streifens von 1500 x 380 px Mindestens 5 Prozent von jedem Rand
Logo Optional: das Profilfoto trägt es bereits Klein, jedes Mal in derselben Ecke
Textmenge Eine kurze Zeile Überschrift mit zwei oder drei Zeilen
Aktualisierung Mit jeder Kampagne Bei jedem Beitrag, aus einer festen Vorlage

In Chikaboom baut ein Designer den Header und jedes Beitragslayout einmal mit gesperrten Regeln, und die Teammitglieder füllen nur den Text aus, der innerhalb seines Feldes schrumpft, statt zu den Rändern zu laufen. Die Layouts können Sie in der Live-Demo ausprobieren.

Denselben Ansatz für andere Netzwerke finden Sie in unserem Hub zum Design von Instagram-Karussells, im Leitfaden zum Wiederverwenden einer Grafik auf mehreren Plattformen und in der Frage, ob Threads und Bluesky eigene Grafiken brauchen.

Checkliste vor dem Aktualisieren Ihres X-Profils

  • Header mit 1500 x 500 px als JPG oder PNG exportiert, nicht animiert.
  • Nichts Wichtiges in den oberen 60 px oder unteren 60 px.
  • Unteres linkes Viertel für das Profilfoto freigehalten.
  • Header-Text mit 48 px oder mehr, Überschrift mit 72 px oder mehr.
  • Profilfoto mit 400 x 400 px, unter 2 MB, als kleiner Kreis lesbar.
  • Beitragsbilder zwischen 2:1 und 3:4, gebaut mit derselben Schrift und denselben Farben wie der Header.
  • Eine Bildbeschreibung zu jedem Beitragsbild, einschließlich aller darin enthaltenen Wörter.
  • Live-Profil nach dem Hochladen auf einem Smartphone und einem Desktop geprüft.

FAQ

Wie groß ist das X-Header-Bild?

X empfiehlt 1500 x 500 px für den Header (Banner) und 400 x 400 px für das Profilfoto. Beide akzeptieren JPG, GIF oder PNG, animierte GIFs werden bei keinem von beiden unterstützt.

Warum wird mein X-Header beschnitten?

Laut Hilfe-Center von X können selbst bei der empfohlenen Größe oben und unten bis zu 60 px beschnitten werden, je nach Monitor und Browser. Halten Sie Text und Logos innerhalb der mittleren 380 px der Höhe.

Wo überdeckt das Profilfoto den Header?

X dokumentiert die Überlappung nicht. Unsere Empfehlung: Halten Sie den Bereich unten links im Header frei von Text und prüfen Sie das Ergebnis in Ihrem eigenen Profil auf einem Smartphone und einem Desktop.

Sollten X-Beitragsbilder zum Header passen?

Das ist unsere Empfehlung: Verwenden Sie in beiden dieselbe Schrift, dieselben Farben und Ränder, damit ein Besucher, der Ihr Profil öffnet, eine Marke sieht. Die Formate unterscheiden sich, bauen Sie deshalb jedes aus einer eigenen Vorlage.

Quellen

  1. X Help Center: Help with uploading a profile photo
  2. X Help Center: How to customize your profile
  3. X Help Center: How to post photos or GIFs on X
  4. X Help Center: How to write great image descriptions
  1. Instagram-Karussell-Design für MarkenInstagram, TikTok und X8 Min.
  2. Instagram-Grid planen: Muster, die bewusst gestaltet wirkenInstagram, TikTok und X6 Min.
  3. Instagram-Highlight-Cover, die zu Ihrer Marke passenInstagram, TikTok und X6 Min.