# Twitter Header Größe: Maße für X Header und Beitragsbilder

[Canonical HTML page](https://gradiently.design/de/guide/x-header-size)

Der X Header ist breit, niedrig und teils von deinem Profilbild verdeckt. Hier stehen die Größe, der Bereich, den du frei halten solltest, Ideen für den Inhalt und die richtigen Maße für Beitragsbilder.

## The short version

- Die Twitter Header Größe auf X ist 1500×500 Pixel, ein Seitenverhältnis von 3:1.
- Das Profilbild überlappt den Header unten links, also halte Wörter und Logos aus dieser Ecke heraus.
- Verschiedene Bildschirme zeigen leicht unterschiedliche Ausschnitte des Headers, also halte Wichtiges im mittleren Band, weg vom oberen und unteren Rand.
- Beitragsbilder auf X funktionieren am besten in 1600×900 für Querformat (16:9) oder 1080×1350 für Hochformat (4:5).
- Ein Header wirkt am besten als einfacher, wiedererkennbarer Hintergrund mit einer kurzen Zeile, nicht als überladenes Poster.

Die **Twitter Header Größe** auf X ist 1500×500 Pixel, ein breites Banner im Format 3:1. Dein Profilbild sitzt über der linken unteren Ecke, und verschiedene Bildschirme schneiden oben und unten ein wenig ab, also halte Wörter und Logos in der Mitte und rechts im Banner, weg von den Rändern. Für Bilder in Beiträgen nimm 1600×900 im Querformat oder 1080×1350 im Hochformat.

## Bildgrößen auf X im Überblick

| Format | Größe (px) | Verhältnis | Hinweise |
| --- | --- | --- | --- |
| Header | 1500×500 | 3:1 | Profilbild überlappt unten links |
| Beitragsbild, quer | 1600×900 | 16:9 | Die klassische Form in der Timeline |
| Beitragsbild, hoch | 1080×1350 | 4:5 | Nimmt auf Smartphones mehr Höhe in der Timeline ein |
| Bild der Link-Vorschau | 1200×630 | 1,91:1 | Stammt aus dem Open-Graph-Bild der verlinkten Seite |

Empfohlene Upload-Größen für X. Das Bild der Link-Vorschau legst du auf deiner Website fest, nicht auf X; siehe [Open-Graph-Bildgröße](https://gradiently.design/de/guide/open-graph-image-size).

- Header 3:1: 1500 × 500
- Beitrag 16:9: 1600 × 900
- Hochformat-Beitrag 4:5: 1080 × 1350

Die drei Formen auf X, maßstabsgetreu gezeichnet. Nur beim Header liegt etwas über deinem Design.

## Wo das Profilbild den Header verdeckt

Dein rundes Profilbild überlappt den Header unten links, auf Smartphones wie am Desktop. Alles, was du dort platzierst, etwa ein Logo, ein Datum oder das Ende einer Überschrift, wird verdeckt oder wirkt am Rand des Bildes eingeengt. Außerdem wird der Header nicht auf jedem Bildschirm genau in 3:1 gezeigt, also kann oben und unten ein Streifen wegfallen.

### Vermeiden

- Text oder Logo im linken unteren Viertel
- Wörter nah am oberen oder unteren Rand
- Kleiner Text, der nur auf einem großen Monitor lesbar ist
- Ein unruhiges Foto, das mit dem Profilbild kämpft

### Machen

- Wörter in der Mitte oder rechten Hälfte, im mittleren Band
- Großzügiger Raum über und unter jedem Text
- Eine kurze Zeile, groß genug fürs Smartphone
- Eine ruhige Zone dort, wo das Profilbild landet

Ein nützlicher Trick: Lass den Hintergrund selbst Platz für das Bild machen. Setz den dunkelsten oder ruhigsten Teil deines Farbverlaufs nach unten links, wo das Bild sitzt, und lass die Farbe nach rechts aufgehen, wo deine Wörter stehen.

- Dunkel unter dem Bild, rechts Pink: `linear-gradient(60deg, #0d0d1a 0%, #0d0d1a 25%, #3b2a8c 60%, #f08fb2 100%)`
- Warmes Leuchten rechts, links ruhig: `radial-gradient(circle at 80% 40%, #ffb17a 0%, #c2410c 35%, #1c0a05 80%)`
- Tiefgrün zu Mint: `linear-gradient(60deg, #0b1f1a 0%, #0b1f1a 20%, #14746f 60%, #b8f2e6 100%)`

Header-Verläufe, um das Profilbild herum gebaut. Bei 60 Grad liegt die erste Farbe unten links, und die Mischung wandert nach oben rechts.

## Was auf einen X Header gehört

Ein Header wird bei jedem Besuch deines Profils gesehen, oft direkt nachdem jemand einen deiner Beiträge gelesen hat. Er sollte auf einen Blick bestätigen, wer du bist, nicht deine ganze Geschichte erzählen. Das hier funktioniert gut.

- **Dein Look und sonst nichts.** Ein unverwechselbarer Hintergrund in den Farben oder dem Material deiner Marke ist oft der stärkste Header.
- **Eine Zeile.** Was du machst oder woran du arbeitest, in wenigen Worten.
- **Etwas Aktuelles.** Ein Launch, ein Buch, ein Event-Datum, ausgetauscht, wenn es vorbei ist.
- **Ein einheitliches Paar.** Derselbe Look wie dein LinkedIn-Banner und deine Website, damit man dich über Plattformen hinweg erkennt. Siehe [LinkedIn Banner Größe](https://gradiently.design/de/guide/linkedin-banner-size).

1. **Bei 1500×500 anfangen** Leg die Arbeitsfläche in genau dieser Größe an. Wer in einer anderen Form gestaltet und später zuschneidet, hat am Ende Logos unter dem Profilbild.
2. **Die Sperrecke markieren** Blockiere das linke untere Viertel als Erinnerung, dass das Profilbild es verdecken wird.
3. **Zuerst den Hintergrund legen** Wähle einen Hintergrund, der dort ruhig ist, wo das Bild landet, und interessanter, wohin das Auge wandert.
4. **Eine Zeile rechts der Mitte hinzufügen** Halte sie kurz und setz sie groß, mit freiem Raum darüber und darunter.
5. **Auf dem Smartphone prüfen** Lade ihn hoch und sieh dir dein Profil auf Smartphone und Laptop an. Pass alles an, was zu nah an einem Rand sitzt.

Ein breiter X Header in 1500 mal 500 mit einer kurzen Textzeile rechts der Mitte über einem Farbverlauf

Ein Header mit einer Zeile rechts der Mitte, im mittleren Band, der die linke untere Ecke ruhig für das Profilbild lässt.

## Größen für Beitragsbilder auf X

Bei Bildern in Beiträgen wählst du die Form danach, was du teilst. Querformat in 1600×900 passt zu Screenshots, Diagrammen und breiten Fotos und entspricht dem Rahmen vieler anderer Plattformen. Hochformat in 1080×1350 nimmt auf Smartphones mehr von der Timeline ein und gibt einem gestalteten Beitrag mehr Präsenz. [Bilder für X gestalten](https://gradiently.design/de/guide/x-post-image-design) behandelt das Layout ausführlicher.

Ein X Beitragsbild im Querformat mit dem Titel Drei Dinge, die wir gelauncht haben, in zwei Spalten angelegt

Querformat 1600×900: gut für breite Layouts und Inhalte nebeneinander.

Derselbe Beitrag als Hochformatbild, die Überschrift vertikal gestapelt

Hochformat 1080×1350: mehr Höhe in der Timeline, besser für eine einzige starke Überschrift.

Exportiere Header und Beitragsbilder als PNG, wenn sie Text oder Farbverläufe enthalten, in sRGB und genau in den Größen oben. X komprimiert Uploads neu, und weiche Farbverläufe zeigen das zuerst als Banding; etwas Körnung hilft. Die vollständige Liste der Plattformgrößen steht in [Bildgrößen für Social Media](https://gradiently.design/de/guide/social-media-image-sizes).

## FAQ

### Wie groß ist der Twitter Header?

1500×500 Pixel, ein Seitenverhältnis von 3:1, auf X.

### Warum sieht mein X Header abgeschnitten aus?

X zeigt den Header auf verschiedenen Bildschirmen in leicht unterschiedlichen Proportionen, schneidet oben und unten etwas ab, und das Profilbild verdeckt die linke untere Ecke. Halte Wichtiges im mittleren Band und weg von dieser Ecke.

### Welche Größe sollten Bilder in X Beiträgen haben?

1600×900 im Querformat (16:9) oder 1080×1350 im Hochformat (4:5).

### Wohin gehört Text auf einem X Header?

In die Mitte oder rechte Hälfte des Banners, ins mittlere Band, mit Raum darüber und darunter. Halte ihn aus der linken unteren Ecke heraus, wo das Profilbild sitzt.

### Welcher Dateityp eignet sich für einen X Header?

PNG für Header mit Text, flacher Farbe oder Farbverläufen und ein hochwertiges JPEG für Fotos, beide im Farbprofil sRGB.

### Ist der X Header so groß wie ein LinkedIn-Banner?

Nein. Der X Header misst 1500×500 (3:1), ein LinkedIn-Profilbanner 1584×396 (4:1), also braucht jeder sein eigenes Layout.
