Zum Inhalt springen
Bilder & Medien

WordPress Beitragsbild Größe: 1200×630 + so findest du deine

WordPress Beitragsbild Größe: 1200×630 px passt für Linkvorschauen, aber dein Theme kann zuschneiden. Finde seine Größe und lade das Bild 2× so breit hoch.

Veröffentlicht Aktualisiert

Kurze Antwort: Wenn du die Größe deines Themes noch nicht kennst, nimm 1200 x 630 Pixel (etwa 1,91:1). Das ist die Linkvorschau-Größe, die Facebook empfiehlt, und SEO-Plugins nutzen das Beitragsbild meist als Bild zum Teilen.

Im Beitrag selbst zählt die Größe, die dein Theme anzeigt. WordPress speichert jeden Upload in mehreren Größen, und das Theme wählt aus, welche erscheint. Klassische Themes legen das mit set_post_thumbnail_size() oder add_image_size() fest, Block-Themes im Block „Beitragsbild“. Schneidet das Theme auf 16:9 oder quadratisch zu, kann ein 1200 x 630 Bild links und rechts einen Teil verlieren. Finde die Größe deines Themes heraus (vier Wege weiter unten) und lade dann ein Bild hoch, das mindestens so groß ist, oder etwa doppelt so breit für scharfe Ergebnisse auf hochauflösenden Bildschirmen.

Welche Größen WordPress aus einem bestimmten Bild erstellt, siehst du, wenn du es in das WordPress Bildgrößen-Tool ziehst.

Welche Größe du je nach Einsatzort brauchst

Wo das Bild erscheintUpload-GrößeHinweise
Deine Beiträge, Theme-Größe noch unbekannt1200 x 630 oder 2400 x 1260 für schärfere ErgebnissePasst auch für Linkvorschauen, während du die Größe deines Themes herausfindest
Deine Beiträge, Theme-Größe bekanntEtwa die doppelte Beitragsbild-Breite deines Themes, im selben SeitenverhältnisWordPress erstellt von einem Upload kleinere Kopien, nie größere
Facebook-LinkvorschauenMindestens 1200 x 630 (etwa 1,91:1); 1200 x 628 hat fast dieselbe FormAus den Teilen-Richtlinien von Facebook
Google DiscoverMindestens 1200 px breit, 16:9 (zum Beispiel 1200 x 675)Aus den Discover-Richtlinien von Google

WordPress-Bildgrößen auf einen Blick

Jedes hochgeladene Bild bekommt für jede registrierte Größe eine verkleinerte Kopie. Das sind die Größen, die der WordPress-Core registriert, mit den Standardwerten aus dem Theme Handbook und der Core-Funktionsreferenz:

Name der GrößeStandardmaßeUnter Einstellungen > Medien änderbar?Hinweise
thumbnail150 x 150, zugeschnittenJaHat eine Checkbox „auf exakte Größe zuschneiden“
mediummax. 300 x 300JaProportional skaliert
medium_large768 breit, ohne HöhenlimitNeinWird vor allem in srcset genutzt
largemax. 1024 x 1024JaProportional skaliert
1536x1536max. 1536 x 1536NeinSeit WordPress 5.3 für hochauflösende Bildschirme
2048x2048max. 2048 x 2048NeinSeit WordPress 5.3 für hochauflösende Bildschirme
post-thumbnailVom Theme festgelegtNeinGibt es nur, wenn das Theme set_post_thumbnail_size() aufruft
fullDein Original-UploadNeinSehr große Uploads werden zuerst verkleinert (siehe unten)

„Max.“ heißt, dass WordPress das Bild in diesen Rahmen einpasst und die Proportionen behält. Aus einem Foto mit 2000 x 1000 wird für large also 1024 x 512, nicht 1024 x 1024.

Themes und Plugins fügen mit add_image_size() oft weitere Größen hinzu. WooCommerce zum Beispiel bringt eigene Produktgrößen mit, die unser Ratgeber zur WooCommerce-Produktbildgröße erklärt.

Eine weitere Regel betrifft große Uploads. Seit WordPress 5.3 verkleinert WordPress ein Bild, das breiter oder höher als 2560 Pixel ist, und nutzt die verkleinerte Kopie als größte verfügbare Größe. Dieser Schwellenwert stammt aus dem Filter big_image_size_threshold, dessen Standardwert 2560 ist. Wenn du -scaled in Dateinamen siehst und wissen willst, ob du das abschalten solltest, lies wie du skalierte Bilder in WordPress deaktivierst.

Woher die Beitragsbild-Größe tatsächlich kommt

Ein Beitragsbild ist jedes Bild, das du im Bereich „Beitragsbild“ des Editors festlegst. Was Besucher sehen, hängt davon ab, wie das Theme es ausgibt.

Klassische Themes

Ein klassisches Theme aktiviert Beitragsbilder und registriert die Größe in seiner functions.php:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1200, 675, true );

set_post_thumbnail_size() registriert eine Größe namens post-thumbnail. Das dritte Argument steuert den Zuschnitt. Mit false (Standard) skaliert WordPress das Bild so, dass es in 1200 x 675 passt. Mit true schneidet es das Bild von der Mitte aus auf genau 1200 x 675 zu, alles außerhalb eines 16:9-Rahmens geht also verloren. Du kannst auch ein Array wie array( 'center', 'top' ) übergeben, um festzulegen, welcher Teil erhalten bleibt.

Viele Themes registrieren für verschiedene Vorlagen zusätzliche benannte Größen:

add_image_size( 'hero-wide', 1600, 900, true );
add_image_size( 'card', 600, 400, true );

Die Vorlage wählt dann eine davon per Name aus:

if ( has_post_thumbnail() ) {
	the_post_thumbnail( 'hero-wide' );
}

Ohne Namen nutzt the_post_thumbnail() die Größe post-thumbnail. Die echte Beitragsbild-Größe in einem klassischen Theme ist also die Größe, die in der Vorlage genannt wird, und ein Blog-Archiv kann eine andere nutzen als die Einzelansicht eines Beitrags.

Block-Themes

Block-Themes, auch die kostenlosen Themes auf dieser Website, geben das Beitragsbild mit dem Block „Beitragsbild“ aus. Die Referenz der Core-Blöcke listet seine Einstellungen auf, darunter sizeSlug (welche registrierte Größe geladen wird), aspectRatio, width, height und scale.

Damit ändert sich, wo du nachsehen musst. Öffne Design > Editor, bearbeite die Vorlage für einzelne Beiträge und wähle den Block „Beitragsbild“ aus. Die Seitenleiste zeigt, welche Bildgröße er lädt und ob ein Seitenverhältnis gesetzt ist. Das Seitenverhältnis wird im Browser per CSS angewendet: Die Datei bleibt gleich, nur der sichtbare Rahmen ändert sich. Verlangt der Block einen 16:9-Rahmen und dein Bild ist quadratisch, wird ein Teil davon ausgeblendet. Archiv- und Startseiten-Vorlagen können andere Einstellungen nutzen als die Vorlage für einzelne Beiträge, prüfe also jede davon.

So findest du die Beitragsbild-Größe deines Themes

Probiere diese Wege der Reihe nach aus. Der erste, der dir eine Antwort liefert, reicht.

  1. Theme-Dokumentation prüfen. Gute Themes nennen die empfohlene Beitragsbild-Größe. Steht sie dort, nimm sie.

  2. Registrierte Größen mit WP-CLI auflisten. Wenn du Zugriff auf die Kommandozeile hast, gibt wp media image-size jede registrierte Größe mit Breite, Höhe, Zuschnitt-Einstellung und Seitenverhältnis aus:

    wp media image-size
  3. Theme-Dateien durchsuchen. Suche in einem klassischen Theme in der functions.php (und allen Dateien, die sie einbindet) nach set_post_thumbnail_size und add_image_size. Sieh dann in single.php oder den Template-Teilen nach, welcher Name an the_post_thumbnail() übergeben wird. Prüfe in einem Block-Theme den Block „Beitragsbild“ im Website-Editor, wie oben beschrieben.

  4. Einen Live-Beitrag untersuchen. Klicke mit der rechten Maustaste auf das Beitragsbild, wähle „Untersuchen“ und lies den Dateinamen in src. WordPress hängt verkleinerten Kopien die Maße an, my-photo-1200x675.jpg sagt dir also, dass das Theme eine 1200 x 675 Kopie geladen hat. Sieh dir auch srcset an, denn der Browser wählt auf schmalen Bildschirmen eventuell eine kleinere Kopie. Stehen keine Maße im Namen, wurde die Originaldatei verwendet.

Sobald du das Ziel kennst, schick ein Beispielbild durch das Bildgrößen-Tool, um zu prüfen, wie jede abgeleitete Größe aussieht, bevor du viele Bilder hochlädst.

Die richtige Upload-Größe wählen

Wenn du die Größe des Themes kennst, entscheiden vier Punkte darüber, ob das Ergebnis gut aussieht.

  • Breite. Lade mindestens die Breite hoch, die das Theme anzeigt. Für scharfe Ergebnisse auf hochauflösenden Handy- und Laptop-Bildschirmen nimm etwa die doppelte Breite. Bei einem 1200px breiten Bereich sind das 2400px. WordPress erstellt kleinere Kopien deines Uploads und nie größere, deshalb ist ein zu kleines Original die häufigste Ursache für ein unscharfes Bild nach dem Hochladen.
  • Seitenverhältnis. Passe das Verhältnis an den Zuschnitt des Themes an. Schneidet es auf 16:9 zu, liefere 16:9 und halte das Motiv nahe der Mitte, damit ein harter Zuschnitt keine Köpfe oder Texte abschneidet.
  • Dateigröße. Ein 2400px-Foto, als JPEG in vernünftiger Qualität gespeichert, hat meist ein paar hundert Kilobyte. Eine 6000px-Kameradatei hochzuladen macht nur Arbeit: WordPress verkleinert alles über 2560px sowieso, und die zusätzlichen Pixel erreichen nie einen Besucher.
  • Dateiformat. WordPress akzeptiert WebP-Uploads seit Version 5.8 und AVIF seit 6.5, sofern die Bildbibliothek deines Servers sie unterstützt. Beide ergeben bei ähnlicher Qualität meist eine kleinere Datei als JPEG.

Das Bild für Social Media ist eine eigene Aufgabe

Wenn jemand deinen Beitrag auf Facebook, LinkedIn oder anderen Netzwerken teilt, kommt die Vorschau aus dem Tag og:image, das SEO-Plugins meist mit dem Beitragsbild füllen. Die Teilen-Dokumentation von Facebook empfiehlt Bilder mit mindestens 1200 x 630 Pixeln, möglichst nah am Verhältnis 1,91:1.

Du stößt auch auf die Empfehlung 1200 x 628. Das entspricht fast genau 1,91:1, während 1200 x 630 etwa 1,90:1 ergibt. Die beiden liegen in der Höhe nur 2 Pixel auseinander, beides funktioniert also.

Liegt die Anzeigegröße deines Themes ebenfalls nahe 1,91:1, funktioniert ein einziger Upload mit 1200 x 630 (oder 2400 x 1260) für beides. Schneidet das Theme auf 16:9 oder quadratisch zu, halte wichtige Inhalte vom linken und rechten Rand fern oder lege in deinem SEO-Plugin ein eigenes Social-Media-Bild fest.

Google Discover hat eigene Empfehlungen für Bilder. Die Discover-Richtlinien von Google empfehlen Bilder mit mindestens 1200 px Breite, insgesamt mehr als 300.000 Pixeln und einem Seitenverhältnis von 16:9, etwa 1200 x 675. Große Bilder brauchen außerdem die Robots-Einstellung max-image-preview:large, die WordPress seit Version 5.7 standardmäßig setzt, es sei denn, die Website ist so eingestellt, dass Suchmaschinen sie nicht indexieren sollen.

So änderst du die Beitragsbild-Größe

Wo du die Änderung vornimmst, hängt von der Größe und von deinem Theme ab.

Core-Größen (thumbnail, medium, large). Geh zu Einstellungen > Medien und ändere Breite und Höhe. Die Dokumentation zur Seite Medien-Einstellungen beschreibt die Felder, auch die Zuschnitt-Checkbox für Vorschaubilder.

WordPress-Seite Media Settings mit Feldern für Breite und Höhe der Bildgrößen Thumbnail, Medium und Large sowie der Checkbox zum Zuschneiden von Vorschaubildern
Einstellungen > Medien mit den Standardwerten: 150 x 150 zugeschnitten, 300 x 300 und 1024 x 1024 (WordPress 7.1.4 in WordPress Playground).

Theme-Größen in einem klassischen Theme. Bearbeite nicht das Eltern-Theme, denn ein Theme-Update überschreibt deine Änderung. Trage die neuen Werte in der functions.php eines Child-Themes ein. Wird eine Größe mit demselben Namen erneut registriert, ersetzt das die alte, und das Setup des Child-Themes sollte nach dem des Eltern-Themes laufen:

add_action( 'after_setup_theme', function () {
	set_post_thumbnail_size( 1600, 900, true );
	add_image_size( 'hero-wide', 1600, 900, true );
}, 11 );

Die Priorität 11 sorgt dafür, dass der Code nach einem Eltern-Theme läuft, das mit der Standardpriorität 10 eingehängt ist. Prüfe den Code des Eltern-Themes und passe den Wert an, falls es eine spätere Priorität nutzt.

Block-Themes. Ändere Bildgröße und Seitenverhältnis des Blocks „Beitragsbild“ in der Vorlage im Website-Editor. Dafür brauchst du keinen Code, und die Änderung gilt für jeden Beitrag, der diese Vorlage nutzt.

Ein einzelnes Bild, ohne Code. Um festzulegen, was ein Zuschnitt bei einem einzelnen Bild behält, öffne es unter Medien > Mediathek und klicke auf „Bild bearbeiten“. Schneide es auf das Seitenverhältnis deines Themes zu (das Zuschneide-Werkzeug nimmt ein Seitenverhältnis wie 16:9 an) oder skaliere es und speichere dann. WordPress wendet die Änderung auf alle Größen dieses Bildes an und behält die Originaldatei, sodass du die Änderung später mit „Originalbild wiederherstellen“ rückgängig machen kannst.

Vorhandene Vorschaubilder neu erstellen

Eine geänderte Größe gilt nur für neue Uploads. Bilder, die schon in deiner Mediathek liegen, behalten ihre alten Kopien, bis du sie neu erstellst. Das erledigt der Befehl wp media regenerate:

wp media regenerate --yes

Nützliche Optionen aus der WP-CLI-Dokumentation:

  • --image_size=hero-wide erstellt nur diese Größe neu. Wiederhole die Option für mehrere Größen.
  • --only-missing erstellt nur Größen, die noch fehlen, und lässt vorhandene Dateien unberührt. Das geht schneller, nachdem du eine neue Größe hinzugefügt hast.
  • --skip-delete behält die alten Vorschaudateien. Nutze das, wenn andere Websites, Newsletter oder Feeds direkt auf diese Dateien verlinken.

Ohne Kommandozeile erledigt das Plugin Regenerate Thumbnails aus dem WordPress.org-Plugin-Verzeichnis dasselbe im Dashboard. Mach bei einer großen Mediathek zuerst ein Backup, denn das Neuerstellen schreibt sehr viele Dateien neu.

Häufige Fehler

  • Sich mit 1200 x 630 zufriedengeben. Das ist ein guter Ausgangspunkt und passt zu Linkvorschauen, doch schneidet dein Theme auf 16:9 oder quadratisch zu, wird ein Teil des Bildes abgeschnitten. Prüfe die Größe deines Themes, bevor du viele Bilder auf einmal hochlädst.
  • Die erzeugten Größen abschalten, um „das Original zu behalten“. Hat das Theme keine kleineren Kopien, lädt es am Ende eventuell auf jedem Bildschirm die volle Datei, was die Seite auf Handys bremst. Genau dafür gibt es die verkleinerten Kopien.
  • Code für Bildgrößen ändern und das Neuerstellen weglassen. Der Code funktioniert, aber nur für neue Uploads. Deshalb glauben viele, eine Größenänderung habe „nichts gebracht“.
  • Die Größe im Eltern-Theme ändern. Das nächste Theme-Update entfernt sie wieder. Nutze ein Child-Theme oder den Website-Editor.

Sieht das Bild immer noch falsch aus, obwohl Größe und Verhältnis passen und du neu erstellt hast, vergleiche den Dateinamen, den der Browser geladen hat, mit den Größen, die WordPress laut Bildgrößen-Tool erstellen sollte. Weichen sie ab, liefert oft ein Optimierungs-Plugin oder ein CDN-Bildskalierer zwischen WordPress und dem Besucher seine eigene Version aus.

FAQ

Fragen

Was ist die beste Größe für ein WordPress-Beitragsbild?

Wenn du die Größe deines Themes noch nicht kennst, starte mit 1200 x 630 Pixeln. Das ist die Linkvorschau-Größe, die Facebook empfiehlt, und SEO-Plugins nutzen das Beitragsbild meist als Bild zum Teilen. Danach ist die beste Größe die, die dein Theme anzeigt: Lade ein Bild hoch, das diese registrierte Größe im passenden Seitenverhältnis abdeckt, am besten in doppelter Breite für hochauflösende Bildschirme.

Warum sind meine WordPress-Beitragsbilder unscharf?

Meist ist die Originaldatei kleiner als die Größe, die das Theme anzeigt. WordPress erstellt von einem Upload nur kleinere Kopien und vergrößert ihn nie. Eine 600px breite Datei, die in einen 1200px breiten Bereich gezogen wird, wirkt deshalb weich. Lade ein größeres Original hoch und regeneriere danach die Vorschaubilder, damit die Theme-Größen daraus neu erstellt werden.

Ist 1200x630 die richtige Größe für ein WordPress-Beitragsbild?

Das ist die Größe, die Facebook für Linkvorschaubilder empfiehlt: mindestens 1200 x 630 Pixel bei etwa 1,91:1, und ein guter Standard, wenn du die Größe deines Themes nicht kennst. Dein Theme kann im Beitrag selbst trotzdem eine andere registrierte Größe anzeigen. Wird diese auf ein schmaleres Verhältnis wie 16:9 oder quadratisch zugeschnitten, verliert ein 1200 x 630 Upload links und rechts einen Teil.

Warum schneidet WordPress mein Beitragsbild zu?

Das Theme hat seine Beitragsbild-Größe mit aktiviertem Zuschnitt registriert. Ist das Crop-Argument von set_post_thumbnail_size oder add_image_size true, schneidet WordPress das Bild von der Mitte aus auf genau diese Breite und Höhe zu. Ist es false, was der Standard ist, skaliert WordPress das Bild stattdessen proportional.

Muss ich nach einer Änderung der Bildgrößen in WordPress die Vorschaubilder neu erstellen?

Ja. Eine neue oder geänderte Größe gilt nur für Bilder, die nach der Änderung hochgeladen werden. Vorhandene Bilder behalten ihre alten Dateien, bis du sie neu erstellst, mit wp media regenerate --yes in WP-CLI oder mit einem Regenerierungs-Plugin im Dashboard. Nutze --skip-delete, wenn andere Seiten direkt auf die alten Vorschaudateien verlinken.