Social Media Bildgrößen: Facebook, Pinterest, Google+, Twitter

Dieser Artikel begann 2013 als Pixelliste für Facebook, Twitter, Google+ und Pinterest. Die Plattformen haben das Layout seither mehrfach geändert. Die Maße unten sind für Teilen und Vorschau 2026 aktualisiert; Google+ bleibt nur als historische Fußnote.

Für WordPress-Redaktionen geht es nicht darum, alle Profilbanner auswendig zu lernen. Es geht um ein gutes og:image, darum zu wissen, wann Pinterest ein anderes Format braucht, und darum, warum der Scraper das alte Bild hält, nachdem die Datei in der Mediathek getauscht wurde. Im deutschsprachigen B2B-Alltag fällt derselbe Fehler auf, wenn Kolleginnen den Link in LinkedIn, Teams oder Slack posten: die Vorschau kommt aus den Meta-Tags, nicht aus dem Corporate Design der PDF.

#Wie die Linkvorschau bei Facebook und X entsteht

Wenn jemand Ihre URL in Facebook, LinkedIn, Slack oder in einem X-Post einfügt, lädt der Scraper das HTML und liest Meta-Tags. Die wichtigsten sind Open Graph (og:title, og:description, og:image) und für X Twitter Cards (twitter:card, twitter:image). Meta-Dokumentation: Sharing / images. Protokoll: ogp.me.

WordPress-Core liefert kein vollständiges OG-Set allein. SEO-Plugins, wp_head-Hooks im Theme oder ein kleines Custom-Plugin setzen sie. Ohne og:image greift die Plattform auf ein zufälliges Bild der Seite zu - oft ein 200-px-Logo oder ein Footer-Icon.

Praktische Checkliste, bevor Sie exakte Pixel zählen:

1. Absolute HTTPS-URL zum Bild (kein relativer Pfad).
2. Datei öffentlich, ohne Login und ohne Hotlink-Sperre.
3. Breite und Höhe groß genug, damit die Plattform kein weiches JPEG hochskaliert.
4. Wichtiger Text in einer Safe Zone in der Mitte, nicht in den Ecken.

#Facebook og:image Größe 2026

Für Link-Sharing bleibt ein Querformat nahe 1200 x 630 Pixel (Verhältnis ca. 1.91:1) die sichere Wahl. Kleinere Bilder funktionieren technisch, wirken auf großen Screens und manchen Anzeigenflächen aber weich.

Profilbild, Cover und Stories haben eigene UI-Maße, die Meta häufiger ändert als den OG-Standard. Für die Seitengestaltung die Meta-Hilfe nutzen; für Artikel- und Landing-Grafik 1200x630 (oder größer im gleichen Verhältnis) halten.

Typische Fehler in WordPress-Themes:

• Das Beitragsbild ist 16:9 Filmformat, und der Scraper schneidet Gesicht oder Logo ab.
• Das Theme setzt og:image auf eine WebP-URL, mit der manche Scraper historisch Probleme hatten; JPEG oder PNG bleiben die sichere Wahl für Sharing-Dateien.
• Dieselbe Datei dient als Hero (breit) und OG (beschnitten) ohne eigenen Crop.

Testen mit dem Sharing Debugger. Nach Bildwechsel: neu scrapen. Hat das CDN immutable Cache unter derselben URL, unter neuem Dateinamen hochladen und den Meta-Tag aktualisieren.

Die genauen Werte stehen in Metas Dokumentation zu Bildern beim Teilen. Die Mindestgröße liegt bei 200 x 200 Pixeln. Für die Linkvorschau mit großem Bild braucht es mindestens 600 x 315; darunter erscheint das Bild weiterhin, aber im kleinen Format. Für hochauflösende Displays empfiehlt Meta 1200 x 630 oder mehr, mit einem Seitenverhältnis möglichst nah an 1.91:1, und die Datei darf 8 MB nicht überschreiten.

#Twitter Card Bildgröße für X

X hat Twitter Cards geerbt. Für Artikel und Produkte ist Summary Card with Large Image üblich. Ein Bild um 1200 x 628 liegt in derselben Familie wie Facebooks OG, daher deckt eine 1200x630-Master beide in den meisten Redaktionen ab. Doku: Summary Card with Large Image.

twitter:card sollte summary_large_image sein, wenn Sie ein großes Bild wollen. Fehlt der Tag, fällt die Vorschau oft auf eine kleine quadratische Card zurück - trotz korrektem og:image.

Profilbanner auf X sind eigene Maße und ändern sich mit der UI. Sie gehören ins Markenhandbuch, nicht ins og:image jedes Beitrags. Sharing-Grafik und Profilbanner als zwei Assets führen.

Bei der letzten Prüfung dieses Artikels (15. Oktober 2026) leitete die Seite zu den Summary Cards auf der Entwicklerseite von X auf die allgemeine Plattformübersicht um, ohne die Tabelle mit den Bildanforderungen. Deshalb ergänzen wir hier keine neuen Maße für X. Prüfen Sie im ausgelieferten HTML, ob twitter:card und twitter:image vorhanden sind, und sehen Sie sich die Vorschau in einem echten Post an, bevor eine Kampagne startet.

#Pinterest Pin Größe im Hochformat

Pinterest ist die Plattform, auf der 1200x630 sichtbar scheitert. Feeds bevorzugen Hochformat-Pins nahe 2:3, zum Beispiel 1000 x 1500. Ein querformatiges OG-Bild wird zum schmalen Streifen oder hässlichen Crop.

Für WooCommerce-Shops und Inspirations-/Rezeptinhalte:

1. Eigene Hochformat-Variante in der Mediathek anlegen (oder ein Feld «Pinterest image» im SEO-Plugin, falls vorhanden).
2. Nicht darauf vertrauen, dass das Beitragsbild reicht, wenn es ein 16:9-Hero ist.
3. Text groß und lesbar halten; Pins werden oft mobil in einer schmalen Spalte gesehen.

Rich Pins (Produkt, Artikel, Rezept) hängen stärker von strukturierten Daten und der Validierung bei Pinterest ab als von der exakten Pixelhöhe - das Seitenverhältnis entscheidet aber weiterhin über die Klickfläche im Feed.

Pinterests Seite mit den Produktspezifikationen empfiehlt im Abschnitt zu Standard-Bildanzeigen ein Seitenverhältnis von 2:3 oder 1000 x 1500 Pixel. Erlaubt sind PNG oder JPEG bis 20 MB am Desktop und 32 MB in der App, und Pins, die höher als 2:3 sind, können im Feed abgeschnitten werden.

#Gelten die Google+ Bildgrößen noch

Google+ für Verbraucher wurde im April 2019 eingestellt. Cover 940x180, Ribbon-Fotos und Stream-Miniaturen aus den Listen von 2013 sind keine Maße für neue Templates.

Warum der Titel Google+ noch nennt: Der Artikel hat Ranking und eingehende Links unter dem alten Slug. Den Namen zu löschen erzeugt Redirect-Rauschen ohne Nutzen für Leserinnen. Ehrlich ist zu sagen, dass das Netzwerk weg ist und dass Open Graph, X Cards und Pinterest zählen.

Finden Sie in alten Themes hardcodierte Google+-Buttons oder rel=author-Links: entfernen. Sie bringen null Sharing-Wert und signalisieren veralteten Code. In DACH-Installationen aus 2013-2016 sitzen sie oft noch neben Xing-Buttons in Magazin-Themes - Xing ist für viele B2B-Teams längst LinkedIn gewichen, Google+ ist schlicht tot.

Das genaue Datum nennt Google selbst: Die Verbraucherversion (private Konten) von Google+ wurde am 2. April 2019 eingestellt, und die Inhalte aus privaten Google+ Konten und Google+ Seiten wurden gelöscht (Googles FAQ zur Einstellung). Ursprünglich war August 2019 geplant. Google zog die Abschaltung auf April vor, nachdem ein Fehler in der API entdeckt worden war, so die Ankündigung zum vorgezogenen Termin.

#Welche Bildgröße nutzen LinkedIn und Slack für die Linkvorschau

Die meisten B2B-Shares fallen auf Open Graph zurück. LinkedIn mag ebenfalls Querformat aus derselben Familie wie Facebook. Slack und viele Chat-Clients zeigen og:image direkt. In deutschen Agenturen und Mittelstandsteams ist LinkedIn oft der eigentliche Stress-Test: dort fällt ein zu kleines oder falsch gecropptes OG sofort auf.

Deshalb bleibt eine gute 1200x630-Master die beste Investition für eine WordPress-Firmenwebsite. Pinterest ist die Ausnahme, die eine eigene Hochformat-Datei braucht, wenn der Kanal wirklich genutzt wird.

Für LinkedIn gibt es offizielle Werte in der Hilfe zu Bildern in der Linkvorschau: mindestens 1200 x 627 Pixel, empfohlenes Verhältnis 1.91:1 und höchstens 5 MB. Erfüllt das Bild diese Vorgaben und erscheint trotzdem nicht, kann laut Hilfe die Website das Abrufen des Bildes blockieren. Prüfen Sie Firewall- und Bot-Regeln, die diesen Crawler als unerwünschten Traffic behandeln.

#og:image Eigenschaften width, height und alt im Open Graph

Das Open Graph Protokoll definiert neben der URL strukturierte Eigenschaften für das Bild:

• og:image:secure_url, eine alternative URL, wenn die Seite HTTPS verlangt;
• og:image:type, der MIME-Typ der Datei (zum Beispiel image/jpeg);
• og:image:width und og:image:height, Breite und Höhe in Pixeln;
• og:image:alt, eine Beschreibung dessen, was das Bild zeigt, ausdrücklich keine Bildunterschrift. Laut ogp.me sollte eine Seite mit og:image auch og:image:alt angeben.

Die Maße haben praktische Wirkung. Laut Metas Dokumentation teilen die Tags für Breite und Höhe dem Crawler die Bildgröße mit, damit er das Bild sofort darstellen kann. Fehlen sie, sieht die erste Person, die eine neue URL teilt, den Post unter Umständen ohne Bild, weil der Crawler ein Bild mindestens einmal gesehen haben muss, bevor er es anzeigt.

ogp.me regelt auch den Fall mehrerer og:image Tags auf einer Seite. Mehrere Werte werden durch Wiederholen des Meta-Tags angegeben, und bei Konflikten gewinnt das erste Tag von oben nach unten gelesen. Geben Theme und SEO-Plugin beide og:image aus, erscheint das Bild, das zuerst im <head> steht, und das ist nicht immer das im Editor gewählte. Sehen Sie in den ausgelieferten Quelltext und schalten Sie die doppelte Ausgabe auf einer Seite ab.

#og:image in WordPress richtig einrichten

Ein Workflow, der in Produktion hält:

1. Eine OG-Mastergröße (1200x630) im Designsystem festlegen.
2. Optional eine Image Size social-share im Theme registrieren, wenn serverseitig gecroppt wird; viele Teams exportieren fertige Dateien aus Figma.
3. og:image (plus Höhen-/Breiten-Tags, falls das Plugin sie unterstützt) pro Beitrag oder als Fallback aufs Beitragsbild setzen.
4. Für X: twitter:card global auf summary_large_image im SEO-Plugin.
5. Für Pinterest-lastige Seiten: eigenes Feld oder manuelle Pin-Grafik.
6. Nach dem Veröffentlichen: Metas Sharing Debugger auf der URL und Prüfung der twitter:* Tags im Quelltext.

Keine «Title Cards» erzeugen - schwarzer Hintergrund und H1 in riesiger Schrift. Im Feed wirken sie austauschbar und verlieren gegen Produktfoto oder Screenshot. Echtes Foto, Diagramm oder UI nutzen - und die Datei außerhalb von 1200x675-Title-Card-Mustern halten, die manche Automatisierungen produziert haben.

#Bildgröße social-share in WordPress registrieren

Soll der Server den Zuschnitt 1200 x 630 erzeugen, statt jede Datei von Hand zu exportieren, registriert die Funktion add_image_size() eine neue Größe im Theme oder in einem Plugin:

add_action( 'after_setup_theme', function () {
    add_image_size( 'social-share', 1200, 630, true );
} );

Der vierte Parameter steuert das Verhalten. Mit false, dem Standard, wird das Bild proportional skaliert und hat danach nicht unbedingt 1200 x 630. Mit true wird es exakt auf diese Maße zugeschnitten, ausgehend von der Mitte. Mit einem Array, etwa array( 'center', 'top' ), legen Sie den Ankerpunkt fest: Der erste Wert ist die horizontale Position (left, center, right), der zweite die vertikale (top, center, bottom). Bei Porträts und Teamfotos verhindert der Anker top abgeschnittene Köpfe.

Eine neue Größe gilt nur für künftige Uploads. Um den Zuschnitt für Bilder zu erzeugen, die schon in der Mediathek liegen, gibt es in WP-CLI wp media regenerate. Mit --image_size=social-share wird nur diese Größe neu erzeugt, und --only-missing beschränkt die Arbeit auf Bilder, denen eine Größe fehlt:

wp media regenerate --image_size=social-share --only-missing

Ein weiteres Detail betrifft die Teilen-Grafik. Seit WordPress 5.3 werden Bilder, deren Breite oder Höhe über einem Schwellenwert liegt, beim Upload verkleinert, und die verkleinerte Fassung wird zur größten verfügbaren Größe. Der Standardwert ist 2560 Pixel und wird über den Filter big_image_size_threshold gesteuert; gibt der Filter false zurück, ist die Verkleinerung aus. Ein Master mit 1200 x 630 liegt weit darunter, ein 6000 Pixel breites Foto als Beitragsbild wird dagegen auf den Schwellenwert verkleinert.

#Welche alten Social-Media-Bildgrößen gelten nicht mehr

Die Liste von 2013 enthielt unter anderem Sponsored-Story-Maße, Album-Previews, App-Boxen auf der Timeline und Twitter-Hintergrundstreifen in Prozent. Die meisten dieser UI-Elemente sind weg oder ändern sich so oft, dass ein Blogpost keine Wahrheitsquelle sein kann.

Offizielle Dokumentation nutzen für:

• Profil- und Covermaße beim Gestalten der Facebook-Seite selbst
• Anzeigenformate im Ads Manager (eigene Safe Zones)
• Pinterest-Business-Hilfe für aktuelle Pin-Empfehlungen

Diesen Artikel für Teilen aus WordPress nutzen: OG, Cards, Pinterest-Verhältnis und Cache-Troubleshooting.

#Warum zeigt Facebook beim Teilen das falsche Vorschaubild

Typische Ursachen, der Reihe nach:

1. Falsches oder fehlendes og:image im HTML (Seitenquelltext prüfen, nicht nur die SEO-Plugin-UI).
2. Relative URL oder HTTP auf einer HTTPS-Site.
3. Bild hinter Auth, Staging-Basic-Auth oder noindex, das der Scraper nicht passiert.
4. Plattform-Cache (Metas Sharing Debugger).
5. CDN oder Bild-Plugin, das die URL auf eine Variante umschreibt, die der Scraper nicht mag.
6. Mehrere widersprüchliche og:image-Tags von Theme und Plugin.

Wenn Sie das Bild einer URL ändern, die schon stark geteilt wurde: neuer Dateiname ist billiger als der Kampf mit immutable Cache unter demselben Pfad.

Metas Dokumentation erklärt, warum der neue Dateiname hilft: Bilder werden anhand der URL des jeweiligen Bildes gecacht, und für ein neues Bild braucht es eine neue URL. Ein aktualisiertes Bild ändert außerdem nicht die Vorschau bereits geteilter Posts. Damit schon das erste Teilen eines neuen Artikels ein Bild zeigt, nennt Meta drei Wege: die URL im Sharing Debugger vorab abrufen, per Graph API einen neuen Scrape erzwingen oder og:image:width und og:image:height angeben.

#Social Media Bildgrößen 2026 als Tabelle

Dateigröße vernünftig halten (typisch unter wenigen hundert KB JPEG, wenn das Motiv das zulässt), damit der Scraper schnell lädt - Qualität aber nicht so zerquetschen, dass Verläufe in der Vorschau banden.

Bei mehrsprachigen Sites dasselbe Bildformat in allen Locales nutzen, außer der Text in der Grafik ist übersetzt. Hreflang ändert nicht, wie Facebook og:image auf der konkret eingefügten URL liest.

Wenn Sharing-Grafik, WooCommerce-Produkte und ein älteres Theme um das Beitragsbild kämpfen, reicht selten «Yoast auf Auto». Dann braucht es eine bewusste Crop-Strategie im Theme oder in der Redaktionsroutine. Für solches Setup können Sie über WordPress-Entwickler anfragen und OG, Cards sowie Pinterest-Varianten ohne Pixelraten von 2013 aufsetzen.

Auf der Delivery-Seite halten wir dieses Thema unter GEO und LLMO.