# Facebook-Titelbild Größe, Event-Cover und Beitragsgrößen

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

Ein breites Banner, gesehen auf Laptop, Handy und Tablet, jeweils mit einem etwas anderen Ausschnitt. Hier stehen die Größen und das Layout, das jeden davon übersteht.

## The short version

- Gestalte ein Facebook-Titelbild in 1640×624 Pixeln, einem breiten Banner im Verhältnis von etwa 2,6 zu 1.
- Handys zeigen einen schmaleren Ausschnitt des Titelbilds als Desktops, halte Wörter und Logos deshalb in den mittleren zwei Dritteln der Breite.
- Profilbild und Seitenname sitzen am unteren Rand des Titelbilds, deshalb sollte das untere Band ruhig bleiben.
- Ein Facebook-Event-Cover hat 1920×1005 Pixel, und der Eventtitel sollte auch in den Eventdetails stehen, nicht nur im Bild.
- Facebook-Beiträge funktionieren am besten in 1200×1200 für Quadrate oder 1080×1350 für Hochformat, Stories in 1080×1920.

Die **Größe des Facebook-Titelbilds**, in der du gestalten solltest, ist **1640×624 Pixel**, ein breites Banner, etwa 2,6-mal so breit wie hoch. Event-Cover haben **1920×1005**, Feed-Beiträge **1200×1200** quadratisch oder **1080×1350** im Hochformat, Stories **1080×1920**. Die Größe ist der leichte Teil. Das Handwerk ist, das Titelbild so anzulegen, dass es lesbar bleibt, wenn ein Handy nur seine Mitte zeigt.

- Titelbild 1640×624: 1640 × 624
- Event-Cover 1920×1005: 1920 × 1005
- Beitrag 1200×1200: 1200 × 1200
- Hochformat-Beitrag 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920

Jedes Facebook-Format maßstabsgetreu gezeichnet. Das Titelbild ist der Ausreißer: lang, flach und auf jedem Bildschirm anders zugeschnitten.

## Alle Facebook-Bildgrößen in einer Tabelle

Halte diese Tabelle griffbereit, wenn du eine neue Seite einrichtest oder eine Kampagne planst. Jede Größe folgt dem von Facebook empfohlenen Upload, und jede hat eine andere Aufgabe. Postest du auch in anderen Netzwerken, listet die Übersicht [Bildgrößen für Social Media](https://gradiently.design/de/guide/social-media-image-sizes) jede Plattform an einem Ort.

| Format | Größe in Pixeln | Form | Am besten für |
| --- | --- | --- | --- |
| Titelbild | 1640×624 | Etwa 2,6:1 | Das Banner deiner Seite oder deines Profils |
| Event-Cover | 1920×1005 | Etwa 1,9:1 | Eventseiten, Einladungen und den Feed |
| Quadratischer Beitrag | 1200×1200 | 1:1 | Ankündigungen, Zitate, Produkte |
| Hochformat-Beitrag | 1080×1350 | 4:5 | Beiträge, die mehr vom Handybildschirm füllen sollen |
| Story | 1080×1920 | 9:16 | Vollbild, kurzlebige Updates |

Facebook-Bildgrößen. Lade in diesen Größen hoch, damit die Plattform herunter-, nie hochskaliert.

## Wie das Facebook-Titelbild auf Handys und Desktops zugeschnitten wird

Ein Desktop-Browser zeigt das Titelbild fast in voller Breite. Ein Handy zeigt ein quadratischeres Fenster auf dasselbe Bild, sodass der linke und rechte Rand wegfallen. Tablets und die App im Querformat liegen irgendwo dazwischen. Du lädst eine Datei hoch, und jeder Bildschirm nimmt sich seinen eigenen Ausschnitt aus der Mitte.

Das Zweite, worauf du achten musst, ist, was obendrauf sitzt. Sowohl auf privaten Profilen als auch auf Seiten sitzen dein Profilbild und dein Name auf oder knapp unter dem unteren Rand des Titelbilds, und auf Handys überlappt das Bild es. Alles Wichtige im unteren Band läuft Gefahr, verdeckt oder bedrängt zu werden.

Ein breites Facebook-Titelbild mit dem Namen Studio Nord, zentriert auf einem Farbverlauf, mit offener Farbe an beiden Enden

Ein Titelbild, für jeden Zuschnitt angelegt: Die Wörter sitzen in einem kompakten Block in der Mitte, und die Ränder tragen nur Farbe.

## Eine sichere Zone, die jeden Zuschnitt übersteht

Du brauchst keine exakten Pixelraster. Drei Regeln halten ein Titelbild auf jedem Bildschirm sicher, und sie ergeben sich direkt aus der Art des Zuschnitts.

1. **Wörter in den mittleren zwei Dritteln halten** Betrachte von den 1640 Pixeln Breite etwa die mittleren 1100 als einzigen Ort für Text und Logos. Die äußeren Drittel sind für Farbe, Textur und alles, was du verlieren kannst.
2. **Das untere Viertel ruhig lassen** Profilbild und Name überlappen dieses Band. Setze deine Zeile höher, etwa auf die vertikale Mitte oder knapp darüber.
3. **Die Ränder verzichtbar machen, nicht leer** Leere Ränder wirken am Desktop unfertig. Lass einen Farbverlauf oder eine Textur bis zu den Rändern laufen, damit die Ansicht in voller Breite großzügig wirkt, während der Handyzuschnitt alles hat, was er braucht.
4. **An beiden Extremen prüfen** Sieh dir das Titelbild vor dem Veröffentlichen auf einem Laptop und auf einem Handy an. Ist ein Buchstabe abgeschnitten oder versteckt sich das Logo unter dem Profilbild, rücke es nach innen und nach oben.

### Vermeide

- Einen Slogan von Rand zu Rand
- Ein Logo unten links, unter dem Profilbild
- Kleine Schrift, die auf dem Handy zu Rauschen wird
- Ein unruhiges Foto hinter den Wörtern

### Besser

- Eine kurze Zeile in der Mitte
- Das Logo im Profilbild, nicht auf dem Titelbild wiederholt
- Schrift, die im Handyzuschnitt groß genug zum Lesen ist
- Eine ruhige Fläche hinter den Wörtern, Details an den Rändern

## Größe und Layout des Facebook-Event-Covers

Ein Event-Cover hat **1920×1005**, eine Form nahe der 1,91:1-Link-Vorschau, und erscheint auf der Eventseite, in Einladungen und im Feed, wenn Menschen das Event teilen. Es wird weniger aggressiv zugeschnitten als ein Profil-Titelbild, wird aber oft klein gesehen, es gelten also dieselben Regeln: kurze Wörter, zentriert, groß.

Verlasse dich nicht darauf, dass das Bild die Fakten trägt. Facebook zeigt Datum, Uhrzeit und Ort als Text neben dem Cover, wo Menschen es in einen Kalender übernehmen können. Setze den Namen des Events und eine Zeile Stimmung aufs Bild und lass die Details ihre eigene Aufgabe erledigen. Braucht das Event auch Posts, Stories und einen Bühnenscreen, plane sie gemeinsam, [Event-Branding](https://gradiently.design/de/guide/event-branding) behandelt das ganze Set.

Ein breites Event-Cover mit dem Text Herbst-Spätabend, Freitag, 17. Oktober, auf einem Farbverlauf-Hintergrund

Das Event-Cover: Name, Datum und Ort, groß und zentral.

Eine vertikale Story-Version des Events Herbst-Spätabend auf demselben Farbverlauf

Dasselbe Event als Story, für einen hohen Bildschirm neu angelegt.

## Was auf ein Facebook-Titelbild gehört

Das Titelbild ist das Erste Große, das Menschen auf deiner Seite sehen, und es wird immer wieder gesehen. Es wirkt am besten als ruhige Aussage darüber, wer du bist, nicht als Schwarzes Brett. Ändere es, wenn sich etwas Bedeutsames ändert, etwa eine Saison, ein Launch oder ein neuer Look, und behalte dieselbe Hintergrundfamilie, damit die Seite wiedererkennbar bleibt.

- **Dein Look und eine Zeile.** Ein Marken-Farbverlauf und ein kurzes Versprechen oder eine Beschreibung.
- **Die aktuelle Saison oder der Launch.** Eine Zeile und ein Datum, entfernt, wenn es vorbei ist.
- **Nur eine ruhige Textur.** Ganz ohne Wörter sprechen Profilbild und Name.
- **Öffnungszeiten oder ein Standort** für lokale Unternehmen, solange es kurz genug ist, um auf dem Handy gelesen zu werden.

Ruhige Mitte, tiefere Ränder: `radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)`

Ein Titelbild-Hintergrund, für den Zuschnitt gebaut: Die hellste, ruhigste Fläche sitzt in der Mitte, wo die Wörter hingehören, und die Farbe wird zu den Rändern hin tiefer, die ein Handy abschneidet.

Sitzt ein Logo auf dem Titelbild, achte darauf, dass es genug Kontrast zu dem Teil des Hintergrunds hat, auf dem es liegt. [Logo auf einem Farbverlauf-Hintergrund](https://gradiently.design/de/guide/logo-on-gradient-background) zeigt, wie du eine freigestellte oder einfarbige Version wählst.

## Exporteinstellungen für ein scharfes Titelbild

Facebook komprimiert alles, was du hochlädst, neu, und breite sanfte Farbverläufe leiden am meisten: Sie können zu sichtbaren Streifen zerfallen. Exportiere ein **PNG**, wenn das Titelbild überwiegend Schrift und flache Farbe ist, und ein hochwertiges **JPEG**, wenn es ein Foto ist. Eine leichte Körnungsschicht über einem Farbverlauf gibt dem Kompressor Details zum Festhalten, was Banding verbirgt. [Banding im Farbverlauf](https://gradiently.design/de/guide/gradient-banding) erklärt, warum.

> **Ein Look in jeder Größe** Gestalte Titelbild, Beitrag, Event-Cover und Story als eine Familie statt als vier getrennte Dateien. In Gradiently legt **Auf Größen kopieren** ein fertiges Design für jedes Format neu an, wobei der Mark für jede Form frisch gerendert statt gestreckt wird. [Ein Look, jede Größe](https://gradiently.design/de/guide/one-look-every-size) erklärt die Idee.

## FAQ

### Welche Größe hat ein Facebook-Titelbild?

Gestalte es in 1640×624 Pixeln. Halte Wörter und Logos in den mittleren zwei Dritteln der Breite, weil Handys die Seiten abschneiden.

### Warum ist mein Facebook-Titelbild auf dem Handy abgeschnitten?

Handys zeigen einen quadratischeren Ausschnitt des Titelbilds als Desktops, deshalb werden der linke und rechte Rand gekürzt. Rücke Text und Logos zur Mitte und halte das untere Band frei vom Profilbild.

### Welche Größe hat ein Facebook-Event-Cover?

Ein Facebook-Event-Cover hat 1920×1005 Pixel. Halte den Eventnamen groß und zentral und füge Datum und Ort auch in den Eventdetails hinzu.

### Sollte ich mein Facebook-Titelbild als PNG oder JPEG hochladen?

Nutze PNG für Titelbilder, die überwiegend aus Schrift, Logos und flacher Farbe bestehen, und ein hochwertiges JPEG für Fotos. Leichte Körnung auf einem Farbverlauf hilft ihm, die Kompression von Facebook ohne Banding zu überstehen.

### Welche Größe ist für ein Facebook-Beitragsbild am besten?

Nutze 1200×1200 für einen quadratischen Beitrag oder 1080×1350 für einen Hochformat-Beitrag, der mehr vom Handybildschirm füllt. Stories haben 1080×1920.