Welche Größe sollte ein WordPress-Beitragsbild haben?

Die Zahl, die die meisten suchen, ist 1200 x 630 Pixel. Das ist das Format, das Facebook, LinkedIn und X für Link-Vorschauen verwenden (1,91:1), und genau so sollte ein Open-Graph-Bild aussehen. Wenn du ein Beitragsbild vor allem deshalb setzt, damit geteilte Links korrekt aussehen, nimm 1200 x 630 und lass es dabei bewenden.

Aber diese Zahl ist nicht das, was dein Theme tatsächlich im Beitrag anzeigt. WordPress zeigt dein Beitragsbild nur selten in seiner Originalgröße. Das Theme fordert eine bestimmte registrierte Bildgröße an, und WordPress liefert genau den vorab generierten Zuschnitt aus, der passt. Deshalb kann ein Bild, das auf Facebook perfekt aussieht, in deiner Einzelbeitrags-Vorlage unscharf, verzerrt oder falsch zugeschnitten wirken. Die “richtige” Größe hängt vom Theme ab, nicht von einer allgemeingültigen Regel.

Warum das Theme die Zahl außer Kraft setzt

Wenn du ein Bild hochlädst, speichert WordPress nicht nur eine Datei. Es ruft wp_generate_attachment_metadata() auf und erzeugt eine Ableitung für jede registrierte Bildgröße: die drei Standardgrößen (thumbnail, medium, large), das medium_large des Block-Editors (768px breit) sowie jede Größe, die das Theme oder ein Plugin mit add_image_size() registriert hat.

Ein Theme, das einen breiten 16:9-Hero möchte, macht in der functions.php etwa Folgendes:

add_theme_support( 'post-thumbnails' );
add_image_size( 'hero-featured', 1200, 675, true );

Das vierte Argument, true, bedeutet harter Zuschnitt. WordPress schneidet dein Bild exakt auf 1200 x 675 zu und verwirft alles, was nicht in den 16:9-Rahmen passt. Wenn dein Motiv nahe am oberen oder unteren Bildrand liegt, wird es abgeschnitten. Auf false gesetzt (oder weggelassen) skaliert WordPress proportional, und die endgültigen Abmessungen können von den angeforderten abweichen.

Dann entscheidet die Vorlage, welche Größe abgerufen wird:

the_post_thumbnail( 'hero-featured' );

Welcher Name auch immer an the_post_thumbnail() übergeben wird — genau dieser Zuschnitt wird gerendert. Die tatsächliche Beitragsbild-Größe auf deiner Website ist also an zwei Stellen definiert, die du nicht selbst geschrieben hast: im add_image_size()-Aufruf und im the_post_thumbnail()-Aufruf des Themes. Eine größere Datei hochzuladen ändert an keinem von beiden etwas.

Es gibt noch eine weitere Ebene. WordPress liefert ein srcset aus, sodass der Browser auf kleineren Bildschirmen möglicherweise die medium- oder large-Ableitung lädt statt des vollen Zuschnitts. Die Abmessung, die du in den DevTools siehst, ist oft nicht die, die du hochgeladen hast.

So behebst du es, Schritt für Schritt

1. Finde heraus, was dein Theme tatsächlich anfordert. Statt zu raten, sieh dir jede Größe an, die WordPress aus deinem Bild erzeugt, und welche davon der zugeschnittene Hero ist. Zieh dein Bild in das WordPress-Bildgrößen-Tool — es zeigt jede Ableitung, die WP erstellen würde, mit exakten Pixelabmessungen, sodass du deine Quelldatei am echten Ziel ausrichten kannst statt an den mythischen 1200x630.

2. Lade groß genug hoch, um den größten Zuschnitt abzudecken. Wenn der Hero des Themes 1200 x 675 ist, lade mindestens diese Größe hoch, idealerweise 2x für Retina (2400 x 1350). WordPress verkleinert sauber; vergrößert aber nie. Eine zu kleine Quelldatei ist mit Abstand die häufigste Ursache für ein unscharfes Beitragsbild.

3. Passe dein Seitenverhältnis an den Zuschnitt des Themes an. Wenn das Theme hart auf 16:9 zuschneidet, gib ihm 16:9. Komponiere mit zentriertem Motiv, damit ein harter Zuschnitt niemandem den Kopf abschneidet.

4. Wenn die registrierte Größe falsch ist, ändere sie und generiere neu. Bearbeite die add_image_size()-Werte in einem Child-Theme und baue anschließend die vorhandenen Vorschaubilder neu auf — neue Abmessungen gelten sonst nur für zukünftige Uploads:

wp media regenerate --yes

Kein WP-CLI? Das Plugin Regenerate Thumbnails macht dasselbe direkt aus dem Dashboard.

Was du nicht tun solltest

Lade nicht einfach ein 1200x630-Bild hoch und geh davon aus, dass es passt. Wenn die registrierte Größe des Themes 16:9 ist, schneidet WordPress dein 1,91:1-Bild hart zu und du verlierst oben und unten. Die Open-Graph-Zahl und die Anzeige-Zahl sind zwei verschiedene Aufgaben.

Deaktiviere nicht die WordPress-Bildgrößen, um “das Original zu behalten”. Man findet oft den Rat, die Zwischengrößen auf 0 zu setzen oder the_post_thumbnail auszuhängen. Dann fällt das Theme darauf zurück, die volle Datei auszuliefern und im Browser herunterzuskalieren — ein 4000px-JPEG, das an ein Smartphone geschickt wird. Das ruiniert deine Ladezeit und deine Core Web Vitals. Die Ableitungen gibt es aus gutem Grund.

Vertraue nicht der “empfohlenen Größe” eines Plugins mehr als der tatsächlich registrierten Größe deines Themes. SEO-Plugins empfehlen 1200x630 für das OG-Tag, was für dieses Tag auch korrekt ist. Über den Zuschnitt deiner Einzelbeitrags-Vorlage sagt es nichts aus.

Überspring nicht wp media regenerate nach dem Ändern der Größen. Das Bearbeiten von add_image_size() bewirkt bei bereits hochgeladenen Bildern gar nichts. Das ist der Schritt, den man vergisst, um dann zu schließen, der Code habe nicht funktioniert.

Immer noch festgefahren?

Wenn das Bild nach dem Anpassen der Abmessungen und dem Neugenerieren immer noch falsch ist, liegt es meist am Zuschnittmodus (true vs. false) oder an einem srcset, das eine kleinere Ableitung ausliefert als erwartet. Zieh die Datei in das Bildgrößen-Tool, um genau zu sehen, welche Zuschnitte dein Setup erzeugt, und vergleiche das dann in den DevTools mit dem, was der Browser tatsächlich lädt. Bring diese beiden in Übereinstimmung, und das Rätselraten hat ein Ende.