# Twitter Branding auf X: Header, Profilbild und Bilder für Posts [Canonical HTML page](https://gradiently.design/de/guide/x-branding) Auf X erscheint deine Marke meist als winziger Kreis neben ein paar Zeilen Text. Das macht die wenigen visuellen Dinge, die du kontrollierst, wichtiger, nicht unwichtiger. ## The short version - Twitter Branding auf X beruht auf vier Visuals: dem Profilbild, dem Header mit 1500×500, Bildern in Posts und den Link-Karten, die deine Website erzeugt. - Das Profilbild steht neben jedem Post und jeder Antwort, deshalb sollte es ein einfaches Symbol oder ein enges Porträt sein, das auch sehr klein lesbar ist. - Bilder für Posts auf X funktionieren am besten mit 1600×900 im Querformat oder 1080×1350 im Hochformat. - Link-Karten kommen aus den Meta-Tags deiner Website, also macht ein Open Graph Bild mit 1200×630 im Look deiner Marke jeden geteilten Link wiedererkennbar. - Wer dieselbe Hintergrundfamilie für Header, Post-Bilder und Link-Karten nutzt, verbindet verstreute Posts zu einer sichtbaren Marke. **Twitter Branding** auf X läuft auf vier Visuals hinaus, die du kontrollierst: das Profilbild neben jedem Post, den Header mit 1500×500 auf deinem Profil, die Bilder, die du an Posts hängst, und die Link-Karten, die deine eigene Website erzeugt, wenn jemand sie teilt. Meistens begegnen dir Menschen als kleiner Kreis mit ein paar Zeilen Text in einem schnellen Feed. Also muss jedes Visual einfach sein, und alle vier müssen aussehen, als kämen sie vom selben Ort. ## Dein Markenkit für X auf einen Blick | Visual | Größe | Wo man es sieht | | --- | --- | --- | | Profilbild | Quadratisch, als Kreis angezeigt | Neben jedem Post, jeder Antwort und Erwähnung | | Header | 1500×500 | Oben auf deinem Profil | | Post-Bild im Querformat | 1600×900 | In der Timeline, volle Breite | | Post-Bild im Hochformat | 1080×1350 | In der Timeline, höher auf dem Handy | | Link-Karte | 1200×630 | Immer wenn jemand deine Website teilt | Fünf Teile. Gestalte sie als Set auf einem Hintergrund, und der Account wirkt durchdacht, auch wenn die Posts locker sind. ## Ein Profilbild, das in der Timeline besteht Dein Profilbild ist das Bild, das sich am häufigsten wiederholt. Es steht neben jeder Antwort, in Benachrichtigungen und in den Zitat-Posts anderer, oft kleiner als ein Fingernagel. Ein komplettes Logo mit Schriftzug verschwindet in dieser Größe. Nimm ein einzelnes Symbol, ein Monogramm oder ein enges Porträt von Kopf und Schultern, auf einem einfarbigen oder weich beleuchteten Hintergrund in deiner Markenfarbe. Halte es auf jeder Plattform gleich, damit Leute, die dir woanders folgen, dich sofort erkennen. > **Wechsle es nicht oft** Menschen scrollen nach Form und Farbe, nicht nach Namen. Ein neues Profilbild alle paar Wochen setzt die Wiedererkennung zurück, die du aufgebaut hast. ## Den X Header gestalten Der Header misst 1500×500, ein Streifen im Verhältnis 3:1. Das Profilbild überlappt ihn unten links, und verschiedene Bildschirme beschneiden oben und unten leicht, also halte Worte im mittleren Band und weg von dieser Ecke. Eine Zeile funktioniert am besten: was du machst, woran du baust oder das eine, das sich Besucher merken sollen. Pinne einen Post an, der es ausführt. [X Header Größe](https://gradiently.design/de/guide/x-header-size) zeigt die sicheren Bereiche im Detail. Ein X Header mit 1500 mal 500 und der Zeile „Kleine Tools für große Tabellen“ auf einem Verlaufshintergrund Eine Zeile, mittig rechts gesetzt, auf demselben Hintergrund, den der Account für jedes Post-Bild nutzt. Behandle den angepinnten Post als zweite Hälfte des Headers. Ein Besucher liest die Zeile im Header, wirft einen Blick auf die Bio und sieht dann direkt darunter den angepinnten Post. Mach diesen Post zur besten kurzen Vorstellung dessen, was du tust, mit einem Bild im selben Look, und erneuere ihn, wenn du etwas Besseres zu zeigen hast. Ein paar, die gut funktionieren: - **Eine Vorstellung in einem Bild:** wer du bist, was du machst, was man erwarten kann, wenn man dir folgt. - **Dein bester Thread,** mit nummeriertem Titelbild, damit er als Serie gelesen wird. - **Ein aktueller Launch oder ein Angebot,** sofort ersetzt, wenn es endet, damit nichts veraltet. ## Post-Bilder, die nach dir aussehen Die meisten Posts auf X bestehen aus Worten, und das sollte so bleiben. Füge ein Bild hinzu, wenn es eine Aufgabe erfüllt: eine Kernaussage rahmen, ein Ergebnis zeigen, etwas ankündigen oder ein Diagramm tragen. Wenn du es tust, nutze eine kleine Auswahl an Layouts auf einer Hintergrundfamilie, damit Leute sie mitten im Scrollen erkennen lernen. Ein X Post-Bild im Querformat, das dreimal schnellere Importe in Version 2.4 ankündigt, auf einem Verlaufshintergrund Eine Update-Karte im Querformat mit 1600×900. Eine Zahl, eine Zeile Kontext. Ein X Post-Bild im Hochformat mit dem Zitat „Erst die langweilige Version liefern“ auf demselben Verlaufshintergrund Eine Zitatkarte im Hochformat mit 1080×1350, die mehr vom Handybildschirm einnimmt. Halte die Schrift groß: Leute lesen X auf dem Handy, und die Timeline zeigt Bilder kleiner, als du sie gestaltet hast. Zwei oder drei Wörter pro Zeile, eine Idee pro Bild. [Bilder für X Posts gestalten](https://gradiently.design/de/guide/x-post-image-design) und [Grafiken für X Threads](https://gradiently.design/de/guide/x-thread-graphics) haben mehr Layouts, auch nummerierte Bilder für lange Threads. ## Link-Karten gehören zu deiner Marke Jedes Mal, wenn jemand deine Website auf X teilt, kommt die Karte, die erscheint, aus den Meta-Tags deiner Seite. Ohne sie zeigt X einen einfachen Link oder einen zufälligen Ausschnitt. Mit einem Bild mit 1200×630 im Look deiner Marke trägt jedes Teilen, auch das, das du nie siehst, deinen Look in die Timeline. X liest zuerst seine eigenen `twitter:` Tags und greift sonst auf Open Graph zurück. ```html ``` Das Minimum für eine Karte mit großem Bild. Nutze eine absolute https Adresse für das Bild und für jede wichtige Seite ein eigenes Bild. Gestalte das Link-Bild wie ein winziges Plakat: Seitentitel, eine kurze Zeile, dein Markenhintergrund und großzügige Ränder, weil X die Ecken abrundet. [Open Graph Bildgröße](https://gradiently.design/de/guide/open-graph-image-size) behandelt Testen und Caching. ## Fehler im Twitter Branding, die du vermeiden solltest ### Vermeiden - Ein detailreiches Logo als Profilbild - Ein Header voller Slogan, Handle und Website - Worte in der unteren linken Ecke des Headers - Screenshots mit winzigem Text als Post-Bilder - Link-Karten dem Zufall überlassen ### Machen - Ein einfaches Symbol oder Porträt, über Jahre behalten - Eine klare Zeile auf einem Markenhintergrund - Text mittig oder rechts der Mitte - Große Schrift, zwei oder drei Wörter pro Zeile - Eine gestaltete Karte mit 1200×630 für jede wichtige Seite Der einfachste Weg, alle fünf Teile im Gleichklang zu halten, ist, sie aus einem Design zu machen. In Gradiently gestaltest du einmal auf einem Mark und skalierst mit Pro in einem Schritt auf jedes Format, sodass Header, Post-Karten und Link-Bild dasselbe Licht und dieselbe Farbe teilen. Der Mark macht in jeder Größe Platz für deine Worte, und das zählt auf einem 3:1-Streifen, wo sehr wenig Raum ist. Für den Blick über alle Plattformen lies [einheitliches Branding auf Social Media](https://gradiently.design/de/guide/brand-consistency-across-platforms). ## FAQ ### Wie groß ist der Header auf X (Twitter)? 1500×500 Pixel, ein Verhältnis von 3:1. Halte Worte im mittleren Band und weg von unten links, wo das Profilbild sitzt. ### Welche Größe sollten Bilder für Posts auf X haben? 1600×900 im Querformat oder 1080×1350 im Hochformat. Bilder im Hochformat nehmen auf dem Handy mehr Platz ein. ### Sollte mein Profilbild auf X ein Logo oder ein Foto sein? Nimm das, was als winziger Kreis klar lesbar ist: ein einfaches Symbol, ein Monogramm oder ein enges Porträt. Vermeide detailreiche Logos und kleinen Text. ### Wie bestimme ich das Bild, wenn meine Website auf X geteilt wird? Füge im Head jeder Seite einen `twitter:card` Tag mit dem Wert `summary_large_image` und ein Open Graph Bild mit 1200×630 Pixeln hinzu. ### Wie wirkt mein X Profil professioneller? Nutze überall dasselbe einfache Profilbild, einen Header mit einer klaren Zeile und Post-Bilder, die eine Hintergrundfamilie und eine Schrift teilen.