6 Min. LesezeitTutorials

Open-Graph-Bildgröße: Eine Datei für jede Plattform

1200x630 deckt Facebook, LinkedIn, X, Slack und WhatsApp ab. Die Vorgaben, die Safe Zone gegen abgeschnittenen Text und warum ein neues Bild fehlt.

Marius Voß
DevRel · edge infra

Ein Bild mit 1200 mal 630 Pixeln, als PNG oder JPEG, unter etwa 1 MB, mit den wichtigen Inhalten innerhalb der mittleren 1080 mal 600. Diese Datei erfüllt die veröffentlichten Vorgaben von Meta und LinkedIn, und das ist für fast jede Website die ganze Antwort auf die Frage nach der Open-Graph-Bildgröße.

Die Abmessungen sind der einfache Teil. Sie sind auch meist nicht das, was kaputtgeht. Kaputt gehen Texte, die zu nah an einem Rand sitzen, den eine Plattform abschneidet, ein Bild, das sich nie aktualisiert, weil ein Crawler das alte vor Monaten gecacht hat, oder eine Karte, die ganz ohne Bild erscheint, weil die Datei auf einem langsamen Origin 4 MB groß war. Die Frage nach der OG-Bildgröße sind eigentlich drei Fragen, und nur eine davon betrifft Pixel. Dieser Leitfaden behandelt die Vorgaben, die Safe Zone, das Caching-Verhalten, das Leute glauben lässt, ihre Tags seien falsch, und wie Vorschauen aufgelöst werden, wenn das Geteilte ein Kurzlink ist. Fehlt Ihre Vorschau ganz, statt schlecht zugeschnitten zu sein, ist Link-Vorschau wird nicht angezeigt der Diagnoseleitfaden.

Die Größe und warum es genau diese ist

Das Verhältnis 1,91:1 steht in der Dokumentation von Meta und von LinkedIn. Das Open-Graph-Protokoll selbst (abgerufen am 2026-10-25) legt keine Größe fest; seine Beispiele sind 400x300 und 300x300, und es verlangt og:image:alt, sobald Sie ein Bild angeben. Um die Zahlen der Plattformen herum hat sich ein De-facto-Standard gebildet.

PlattformDokumentierte Vorgaben (abgerufen am 2026-10-25)
Meta (Facebook)Empfiehlt 1200x630, etwa 1,91:1. Große Karte ab 600x315. Minimum 200x200. Maximum 8 MB.
LinkedIn1,91:1, Minimum 1200x627, Maximum 5 MB. Bilder unter 401 px Breite erscheinen als kleine Thumbnails. Quadratische und hochformatige Bilder können zugeschnitten werden.
XDie Entwicklerdokumentation lieferte bei uns HTTP 402 und 404, daher hier keine Zahlen.
Slack, Discord, WhatsApp, iMessageKeine offizielle Größendokumentation geprüft. Wir machen keine Aussage.

Die Quellen sind Metas Bildrichtlinien und LinkedIns Hilfeseite zur Link-Vorschau. X dokumentiert seine Cards separat, wir konnten diese Dokumentation aber nicht laden, prüfen Sie sie also, bevor Sie sich für X auf eine Größe verlassen.

Die Safe Zone, die niemand erwähnt

Eine Karte wird selten in dem Seitenverhältnis angezeigt, in dem Sie sie gestaltet haben. LinkedIns eigene Seite sagt, dass quadratische und hochformatige Bilder zugeschnitten werden können, und alles unter 401 px Breite wird zu einem kleinen Thumbnail. Die Zone von 1080 mal 600 unten ist unsere Faustregel, keine Zahl einer Plattform.

Halten Sie alles, was überleben muss, innerhalb der mittleren 1080 mal 600, zentriert, und behandeln Sie das äußere Band als Dekoration, die Sie verlieren können. In der Praxis heißt das: Die Überschrift sitzt mittig-links statt direkt am Rand, das Logo liegt innerhalb des Randes statt in der Ecke, und es gibt keinen dünnen Rahmen, denn ein Rahmen ist das einzige Designelement, das in dem Moment kaputt aussieht, in dem er beschnitten wird.

Auch Kontrast zählt. Karten liegen in manchen Clients auf hellem, in anderen auf dunklem Hintergrund, ein Bild, das für seine Abgrenzung auf die Umgebung angewiesen ist, kann also seine Kanten verlieren.

Ein Open-Graph-Bild mit 1200 mal 630 Pixeln, dessen zentrale Safe Zone markiert ist, neben den Zuschnitten, die eine Feed-Karte, ein Chat-Thumbnail und eine schmale Vorschau darauf anwenden

Die Tags rund um das Bild

Vier Tags leisten die Arbeit. Zwei davon werden gern übersprungen.

<meta property="og:image" content="https://example.com/og/spring-launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
  property="og:image:alt"
  content="Spring launch: 30 percent off through May"
/>
<meta name="twitter:card" content="summary_large_image" />

Verwenden Sie eine absolute URL mit Schema und Host, da ein Crawler das Tag ohne Seitenkontext liest. Meta sagt, dass Breite und Höhe seinem Crawler erlauben, das Bild beim ersten Teilen zu rendern, ohne es vorher abzurufen. Und og:image:alt ist das Barrierefreiheits-Tag, das nichts kostet und fast überall fehlt.

Warum Ihr neues Bild nicht erscheint

Das ist der Punkt, der Support-Tickets erzeugt. Sie haben das Bild korrigiert, sehen die neue Datei unter ihrer URL, und die Karte zeigt trotzdem das Design vom letzten Quartal.

Metas Dokumentation sagt, dass sein Crawler Bilder nach URL cacht und dass das Ändern des Bildes Vorschauen bestehender Shares nicht aktualisiert. Drei Auswege, in der Reihenfolge, in der ich sie versuchen würde:

  • Erzwingen Sie ein erneutes Scrapen mit Facebooks Sharing Debugger. LinkedIn hat ebenfalls einen Post Inspector, doch die von uns gelesene Hilfeseite beschreibt dessen Caching nicht.
  • Veröffentlichen Sie das Bild unter einem neuen Dateinamen, also einer anderen URL ohne Cache-Eintrag. Meta empfiehlt das, und es ist der zuverlässige Weg.
  • Ändern Sie die geteilte URL selbst, was trivial einfach ist, wenn Sie einen Kurzlink teilen, den Sie kontrollieren, statt einer dauerhaften Seitenadresse.
Ein Social-Crawler, der ein altes Open-Graph-Bild cacht, mit drei Wegen zur erzwungenen Aktualisierung: dem Debugger der Plattform, einem neuen Bild-Dateinamen und einer neuen Share-URL

Vor der Veröffentlichung ruft der kostenlose Open-Graph-Checker eine URL ab und zeigt Titel, Beschreibung, Bild, Seitenname und eine Twitter-Card-Vorschau, die er findet. Er liest nur Tags. Er meldet keine Bildabmessungen und leert keinen Plattform-Cache.

Ein Kurzlink hat keine eigenen Open-Graph-Tags und braucht auch keine. Elidos Edge beantwortet Crawler mit dem gewöhnlichen Redirect, weil Link-Vorschauen in Chat-Apps ihm folgen müssen, und zählt diese Abrufe nicht als Klicks (der Bot-Filter ist eine User-Agent-Liste, einzelne skriptgesteuerte Abrufe können also durchrutschen). Die Karte wird aus den Tags des Ziels gebaut. Ist sie falsch, korrigieren Sie das Ziel.

Zwei Dinge hängen von der Link-Ebene ab. Ein serverseitiger Redirect ist die sichere Wahl, ein weiterer Grund, die Kette kurz zu halten. Und das Umbiegen eines Kurzlinks verändert dessen Vorschau, wobei Plattformen, die die alte Karte gecacht haben, sie weiter anzeigen.

Eine Lücke: Elido hat keine Überschreibung von OG-Bild oder -Titel pro Link, ein Kurzlink kann also keine andere Karte tragen als sein Ziel. Microsite-Seiten haben ein OG-Bild-Feld. Wenn Sie Karten pro Link brauchen, sagen Sie uns Bescheid; es steht in unserem Backlog.

Um den Link und die Klickdaten an einem Ort zu haben, starten Sie einen Workspace auf Ihrer eigenen Domain und prüfen Sie die Karte vor dem Versand.

Eine Checkliste zum Aufbewahren

  • 1200 mal 630, PNG oder JPEG, absolute HTTPS-URL, unter 1 MB nach unserer Gewohnheit. Das ist die ganze OG-Bildgrößen-Entscheidung.
  • Nichts Wichtiges außerhalb der mittleren 1080 mal 600 (unsere Faustregel), keine dünnen Rahmen.
  • og:image:width, og:image:height und og:image:alt vorhanden.
  • twitter:card auf summary_large_image gesetzt, wenn Sie die große Karte auf X wollen.
  • Neues Bild, neuer Dateiname, dann erneut scrapen, bevor Sie etwas ankündigen.

Bringen Sie diese fünf Punkte einmal in Ordnung, übernehmen Sie sie als Vorlage in Ihren Seitenkopf, und Open-Graph-Bilder sind nichts mehr, woran Sie denken müssen. Das ist die richtige Menge an Aufmerksamkeit dafür.

Die Cornerstone-Serie lesen

Dieser Beitrag gehört zum Tutorials-Cluster. Für Vorschauen, die ganz ausfallen statt schlecht zugeschnitten zu sein, ist Link-Vorschau wird nicht angezeigt die Lösung Plattform für Plattform, und wie man einen klickbaren Link erstellt behandelt die Ebene darunter.

Weiterlesen im Blog

Häufig gestellte Fragen

Was ist die beste Open-Graph-Bildgröße?

1200 mal 630 Pixel, ein Seitenverhältnis von 1,91:1, als PNG oder JPEG. Meta empfiehlt genau diese Größe, und LinkedIn verlangt 1,91:1 bei 1200x627 oder größer (beide Seiten am 2026-10-25 geprüft), eine Datei erfüllt also beide. Metas genanntes Minimum für eine große Karte ist 600x315, unter 200x200 wird nichts angezeigt. Dateien unter 1 MB zu halten ist unsere eigene Faustregel.

Warum aktualisiert sich mein og:image nicht?

Weil die Plattform das alte zwischengespeichert hat. Meta dokumentiert, dass sein Crawler Bilder nach URL cacht und ein geändertes Bild eine neue URL oder ein erneutes Scrapen über den Sharing Debugger braucht. Das Ändern des Bildes aktualisiert keine Vorschauen bereits bestehender Shares. Zuverlässig ist die Veröffentlichung unter einem neuen Dateinamen.

Wie groß darf eine og:image-Datei sein?

Die dokumentierten Obergrenzen sind 8 MB bei Meta und 5 MB bei LinkedIn (am 2026-10-25 geprüft). Wir peilen unter 1 MB an, das ist unsere eigene Gewohnheit und keine Plattformregel, weil eine schwere Datei auf einem langsamen Origin ein wahrscheinlicher Grund für eine Karte ohne Bild ist. Die Entwicklerdokumentation von X ließ sich bei uns nicht laden, deshalb nennen wir kein Limit für X.

Brauche ich ein separates Bild für X und LinkedIn?

Für Facebook und LinkedIn meist nicht, da 1200x630 beide dokumentierten Vorgaben erfüllt. Für X konnten wir die Entwicklerdokumentation am 2026-10-25 nicht laden, prüfen Sie also dessen Card-Dokumentation auf die aktuell verlangten Tags und Limits. So oder so bedeuten ein Bild und eine URL weniger Dinge, die man bei Seitenänderungen vergisst.

Woher kommt das Vorschaubild, wenn ich einen Kurzlink teile?

Von der Zielseite, nicht vom Link. Elido beantwortet Crawler mit dem normalen Redirect, die Plattform liest also die Tags der Seite, auf der sie landet. Ein Kurzlink erbt die Vorschau seines Ziels, und Elido hat heute keine Überschreibung des Bildes pro Link. Fehlt nach dem Kürzen die Karte, deutet das meist auf die Tags der Zielseite.

Braucht das Bild eine absolute URL?

Verwenden Sie eine. Eine vollständige URL mit Schema und Host ist die sichere Wahl, da ein Crawler das Tag ohne Seitenkontext liest. Liefern Sie sie über HTTPS aus. Wenn Sie og:image:width und og:image:height setzen, kann der Crawler von Meta laut Dokumentation das Bild beim ersten Teilen rendern, ohne es vorher herunterzuladen.

Elido testen

URL einfügen, kurzer Link in Sekunden

Kein Konto nötig. Link bleibt 30 Tage aktiv. Konto erstellen, um ihn dauerhaft zu behalten.

Keine Anmeldung nötig. Kostenlos registrieren für 50 Links im Monat.

Elido testen

URL-Shortener mit EU-Hosting: eigene Domains, tiefe Analytik und eine offene API. Kostenloser Tarif - keine Kreditkarte nötig.

Tags
open graph image size
og image size
og:image
link preview image
twitter card image
social share image

Weiterlesen