Header

X (Twitter)-Header: 1500×500 und das Safe-Area-Playbook

X-Headerbilder (ehemals Twitter) rendern mit 1500×500 auf Desktop, werden aber auf Mobile und in der Timeline-Ansicht stark zugeschnitten. Dieser Leitfaden behandelt die Spezifikation, die sicheren Bereiche und die visuellen Kompositionsregeln, die Header intentional über jede Ansicht hinweg aussehen lassen.

Warum 1500×500 Pixel

Die 1500×500-Dimension ist X empfohlene Header-Größe. Das Seitenverhältnis ist genau 3:1. Dateien kleiner als 1500×500 werden automatisch hochskaliert und wirken auf Retina-Bildschirmen unscharf; Dateien größer als 1500×500 werden ohne Qualitätsvorteil herunterskaliert. Die maximale Dateigröße ist 5 MB (15 MB für animierte GIF-Header auf Premium-Konten).

Der sichere Bereich im 1500×500-Rahmen

Xs Timeline-Ansicht schneidet Header aggressiv zu. Wichtige Inhalte sollten im sicheren zentralen Bereich sitzen:

• Oberer sicherer Bereich: 60 Pixel ab Oberkante (verdeckt durch Profilbild-Überlappung und Timeline-UI)
• Unterer sicherer Bereich: 80 Pixel ab Unterkante (verdeckt durch Bio-Text und Folgen-Button)
• Linker sicherer Bereich: 250 Pixel ab links (verdeckt durch Profilfoto-Kreis)
• Rechter sicherer Bereich: 80 Pixel ab rechts (verdeckt durch Folgen/Nachricht-Buttons)

Der wirklich sichere Kompositionsbereich ist ungefähr die zentrale 1100×360-Region. Alles in dieser Zone rendert vollständig über Desktop-, Mobile- und Timeline-Ansichten hinweg.

Was in einem starken Header funktioniert

• Visueller Fokus im sicheren Zentrum (kein Text oder Gesichter an den Rändern)
• Markenfarbe oder einzelnes Hero-Bild mit Atemraum
• Muster oder Verläufe, die intentional wirken, wenn sie zugeschnitten werden
• Einfache Grafiken, die in kleinen Größen funktionieren (Timeline-Vorschau ist ungefähr 600×200)

Häufige Fehler

• Text in den linken 250 Pixeln platzieren — wird von Ihrem Profilfoto-Kreis verdeckt
• Nur für Desktop gestalten — über 80 % des X-Traffics ist mobil
• Niedrigauflösendes Bild verwenden — verpixelt auf Retina
• Header mit Logos oder Text überladen — in der Timeline-Vorschaugröße unsichtbar

Format und Dateigröße

• Empfohlene Größe: 1500×500 Pixel
• Format: JPEG, PNG, GIF (animiert auf Premium)
• Max. Dateigröße: 5 MB (JPEG/PNG), 15 MB (GIF)

Häufig gestellte Fragen

Kann ich stattdessen 1920×1080 verwenden? Ja, X skaliert auf 1500×500 herunter. Kein Vorteil, außer Sie möchten eine Master-Datei.

Wird mein Header auf Mobile anders aussehen? Ja — Mobile schneidet viel aggressiver zu. Immer auf einem Phone in der Vorschau prüfen, bevor Sie sich festlegen.