{"id":2794,"date":"2024-02-02T21:29:56","date_gmt":"2024-02-02T21:29:56","guid":{"rendered":"https:\/\/wpconsults.com\/?p=2794"},"modified":"2026-07-18T23:01:35","modified_gmt":"2026-07-19T04:01:35","slug":"grose-des-angezeigten-bildes-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/de\/featured-image-size-in-wordpress\/","title":{"rendered":"Gr\u00f6\u00dfe des Titelbilds in WordPress: Wie gro\u00df sollte es sein?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Wenn Sie auf der Suche nach der einzig richtigen Gr\u00f6\u00dfe f\u00fcr das Titelbild in WordPress sind, hier gleich die ehrliche Antwort: Es gibt keine einheitliche \u201eZauberzahl\u201c, denn die Gr\u00f6\u00dfe, in der Ihr Bild tats\u00e4chlich angezeigt wird, h\u00e4ngt von Ihrem Theme ab, nicht von WordPress selbst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das klingt vielleicht etwas unkonkret, daher m\u00f6chte ich es etwas konkreter formulieren. F\u00fcr fast jede Website gilt: Ein sicheres Bild zum Hochladen ist 1200 Pixel breit im Seitenverh\u00e4ltnis 16:9 (1200 \u00d7 675), hochaufl\u00f6send, aber komprimiert. Im Folgenden werde ich erl\u00e4utern, warum das funktioniert und wann Sie eine andere Gr\u00f6\u00dfe w\u00e4hlen sollten.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-takeaways is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Wichtigste Erkenntnisse<\/h3>\n<ul class=\"wp-block-list\"><li><strong>Es gibt keine festgelegte Gr\u00f6\u00dfe f\u00fcr das Vorschaubild in WordPress;<\/strong> Dein Theme legt die Anzeigeabmessungen fest, daher k\u00f6nnen zwei Themes denselben Upload unterschiedlich darstellen.<\/li><li><strong>Ein sicherer Upload hat eine Breite von 1200 px im Seitenverh\u00e4ltnis 16:9 (1200 \u00d7 675).<\/strong> Auf Bildschirmen mit hoher Pixeldichte sieht es scharf aus und l\u00e4sst sich sauber herunterskalieren.<\/li><li>Die <strong>Das Seitenverh\u00e4ltnis ist wichtiger als die genaue Pixelanzahl.<\/strong>, da das Theme Ihr Bild auf sein eigenes Seitenverh\u00e4ltnis zuschneidet, falls dieses nicht \u00fcbereinstimmt.<\/li><li>WordPress generiert automatisch mehrere Bildgr\u00f6\u00dfen (Miniaturansicht, mittel, gro\u00df) aus Ihrer hochgeladenen Datei; das Theme entscheidet, welche davon angezeigt wird.<\/li><li>Halte die Datei klein, idealerweise als WebP mit einer Gr\u00f6\u00dfe von unter etwa 200 KB, damit ein gro\u00dfes Titelbild deine Seite nicht verlangsamt. <a href=\"https:\/\/www.wpconsults.com\/de\/how-to-pass-core-web-vitals\/\">Core Web Vitals<\/a>.<\/li><li>Die Ma\u00dfe 1200 \u00d7 630, die man \u00fcberall sieht, beziehen sich auf die Gr\u00f6\u00dfe f\u00fcr die Weitergabe in sozialen Netzwerken (Open Graph) und sind eine von der Darstellung auf der Seite getrennte Einstellung.<\/li><\/ul>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:15px 15px 0px 0px rgba(160, 152, 255, 0.31);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title{font-weight:600;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette4, #2D3748);font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:var(--global-palette1, #3182CE);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .active > .kb-table-of-contents__entry{color:var(--global-palette1, #3182CE);}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Warum es keine einheitliche Gr\u00f6\u00dfe f\u00fcr das Titelbild gibt<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress schreibt keine bestimmte Gr\u00f6\u00dfe f\u00fcr das Beitragsbild vor. Stattdessen legt jedes Theme die gew\u00fcnschten Abmessungen mithilfe von Funktionen wie <code>set_post_thumbnail_size()<\/code> und <code>add_image_size()<\/code>, wor\u00fcber Sie im <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_image_size\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress-Entwicklerdokumentation<\/a>. Die \u201crichtige\u201d Gr\u00f6\u00dfe ist also eigentlich die, die Ihr aktuell aktives Theme vorschreibt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aus diesem Grund kann dasselbe Bild bei einem Theme perfekt aussehen, bei einem anderen hingegen unpassend beschnitten. Ein Theme zeigt vielleicht Ausgew\u00e4hlte Bilder als breite Banner im 16:9-Format an, w\u00e4hrend ein anderes hohe Karten im Hochformat verwendet \u2013 und jedes Theme schneidet Ihr hochgeladenes Bild so zu, dass es in seinen eigenen Rahmen passt. Wenn Sie das von vornherein wissen, vermeiden Sie es, dem Bild die Schuld zu geben, wenn eigentlich das Theme f\u00fcr den Zuschnitt verantwortlich ist.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die sichere Dateigr\u00f6\u00dfe zum Hochladen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr eine Standardgr\u00f6\u00dfe, \u00fcber die Sie sich kaum noch Gedanken machen m\u00fcssen, laden Sie ein Bild mit einer Breite von 1200 Pixeln im Seitenverh\u00e4ltnis 16:9 hoch, also 1200 \u00d7 675. Das ist gro\u00df genug, um auf Retina- und 4K-Bildschirmen scharf zu bleiben, und da das Bild gr\u00f6\u00dfer ist als bei den meisten Themes angezeigt wird, kann WordPress es verkleinern, ohne dass es jemals unscharf wirkt.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Anwendungsfall<\/th><th>Empfohlene Gr\u00f6\u00dfe<\/th><th>Verh\u00e4ltnis<\/th><\/tr><\/thead><tbody><tr><td>Allgemeines Titelbild f\u00fcr den Blog<\/td><td>1200 \u00d7 675<\/td><td>16:9<\/td><\/tr><tr><td>Dient gleichzeitig als Bild zum Teilen in sozialen Netzwerken<\/td><td>1200 \u00d7 630<\/td><td>~1.91:1<\/td><\/tr><tr><td>Hero-Header in voller Breite<\/td><td>1920 \u00d7 1080 oder gr\u00f6\u00dfer<\/td><td>16:9<\/td><\/tr><tr><td>Themen im Hochformat oder im Kartenformat<\/td><td>Passen Sie das Seitenverh\u00e4ltnis des Themas an (z. B. 1200 \u00d7 1500)<\/td><td>4:5<\/td><\/tr><\/tbody><\/table><figcaption>Sichere Upload-Gr\u00f6\u00dfen f\u00fcr verschiedene Verwendungszwecke; w\u00e4hlen Sie das Seitenverh\u00e4ltnis, das der tats\u00e4chlichen Darstellung des Beitragsbildes in Ihrem Theme entspricht.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie m\u00f6chten, dass Ihr Titelbild gleichzeitig als Vorschaubild dient, das die Nutzer sehen, wenn der Beitrag geteilt wird, ist eine Gr\u00f6\u00dfe von 1200 \u00d7 630 bei einem Seitenverh\u00e4ltnis von etwa 1,91:1 ideal, da dies dem Seitenverh\u00e4ltnis bei der Weitergabe in sozialen Netzwerken sehr nahe kommt und auf der Seite dennoch gut aussieht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum das Seitenverh\u00e4ltnis wichtiger ist als die genaue Pixelanzahl<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die h\u00e4ufigste Beschwerde bez\u00fcglich der Beitragsbilder betrifft nicht Unsch\u00e4rfe, sondern einen schlechten Bildausschnitt \u2013 und das liegt fast immer an einem nicht passenden Seitenverh\u00e4ltnis. Wenn Ihr Theme ein Seitenverh\u00e4ltnis von 16:9 vorsieht und Sie ein quadratisches Foto hochladen, schneidet WordPress den oberen und unteren Rand hart ab, damit das Bild passt. Dabei k\u00f6nnen K\u00f6pfe, Logos oder Text abgeschnitten werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bevor du dich also zu sehr auf exakte Pixelwerte versteifst, schau dir die Form an, die dein Theme verwendet, und passe dich daran an. Achte au\u00dferdem darauf, den wichtigsten Teil des Bildes in der Mitte zu platzieren, denn dieser Bereich bleibt am ehesten erhalten, egal wie das Theme das Bild zuschneidet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Bildgr\u00f6\u00dfen, die WordPress automatisch erstellt<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie ein Bild hochladen, speichert WordPress nicht nur diese eine Datei. Es generiert mehrere Versionen, damit an der richtigen Stelle die passende Version angezeigt werden kann. Die Standardgr\u00f6\u00dfen sind \u201eThumbnail\u201c (150 \u00d7 150), \u201eMedium\u201c (bis zu 300 \u00d7 300), mittelgro\u00df (768 Pixel breit) und gro\u00df (bis zu 1024 \u00d7 1024).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ihr Theme entscheidet dann, welche dieser generierten Gr\u00f6\u00dfen als Beitragsbild angezeigt werden soll, oder legt eine eigene benutzerdefinierte Gr\u00f6\u00dfe fest. Genau das ist der Grund, warum es wichtig ist, ein Originalbild mit gro\u00dfz\u00fcgigen Abmessungen hochzuladen: WordPress kann ein gro\u00dfes, scharfes Quellbild jederzeit verkleinern, aber es kann keine Details erschaffen, indem es ein kleines Bild vergr\u00f6\u00dfert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Achte darauf, dass die Datei klein bleibt und das Format stimmt<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine gro\u00dfe Abmessung ist in Ordnung; eine gro\u00dfe Dateigr\u00f6\u00dfe hingegen nicht. Das Titelbild ist oft das gr\u00f6\u00dfte Element, das oben in Ihrem Beitrag geladen wird. Ein zu gro\u00dfes Bild wirkt sich daher direkt negativ auf Ihren \u201eLargest Contentful Paint\u201c-Wert und die \u00fcbrigen Core Web Vitals aus. Exportieren Sie es nach M\u00f6glichkeit als WebP, streben Sie eine Gr\u00f6\u00dfe von unter etwa 200 KB an und f\u00fcgen Sie immer einen aussagekr\u00e4ftigen Alt-Text hinzu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie nicht nur die hochgeladene Datei, sondern auch die tats\u00e4chliche Gr\u00f6\u00dfe \u00e4ndern m\u00f6chten, die Ihr Theme generiert, ist das eine andere Aufgabe, die ich Schritt f\u00fcr Schritt in <a href=\"https:\/\/www.wpconsults.com\/de\/wie-andert-man-die-grose-des-angezeigten-bildes-in-wordpress\/\">So \u00e4ndern Sie die Gr\u00f6\u00dfe des Beitragsbildes in WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist mit dem Bild f\u00fcr die Weitergabe in sozialen Netzwerken?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die ber\u00fchmte Zahl 1200 mal 630 ist die <a href=\"https:\/\/ogp.me\/\" rel=\"nofollow noopener\" target=\"_blank\">Open Graph<\/a> Bildgr\u00f6\u00dfe: Das Vorschaubild, das angezeigt wird, wenn Ihr Beitrag auf sozialen Plattformen geteilt wird. Diese Einstellung erfolgt unabh\u00e4ngig vom \u201eFeatured Image\u201c auf der Seite, in der Regel durch Ihr SEO-Plugin. Verwechseln Sie die beiden daher nicht, auch wenn oft dasselbe Bild verwendet wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie gro\u00df sollte Ihr Titelbild also eigentlich sein?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Meiner Meinung nach solltest du die Bilder mit einer Aufl\u00f6sung von 1200 \u00d7 675 im Format 16:9 hochladen, dieses Seitenverh\u00e4ltnis an die tats\u00e4chliche Darstellung deines Themes anpassen und sie dann in das WebP-Format komprimieren. Diese eine Vorgehensweise deckt die \u00fcberwiegende Mehrheit der Websites ab und erspart dir die Probleme mit Bildausschnitten und Unsch\u00e4rfe, die die Leute \u00fcberhaupt erst dazu bringen, nach einer \u201eZauberzahl\u201c zu suchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die einzige Ausnahme mache ich, wenn ein Design eindeutig eine andere Form erfordert, wie zum Beispiel eine hohe Hochformat-Karte oder ein breiter, bildschirmf\u00fcllender Hero-Bereich. In diesem Fall passe ich mich dem Design an, anstatt mich dagegen zu wehren. Wenn das Seitenverh\u00e4ltnis und die Dateigr\u00f6\u00dfe stimmen, spielen die genauen Pixelwerte keine Rolle mehr.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-changelog is-layout-flow wp-block-group-is-layout-flow\" id=\"article-update-logs\">\n<h2 class=\"wp-block-heading\">\u00c4nderungsprotokolle<\/h2>\n<p class=\"wp-block-paragraph\"><strong>01. Juli 2026<\/strong><\/p>\n<ul class=\"wp-block-list\"><li>\u00dcberarbeitet, um die richtige Antwort zu geben: Die Gr\u00f6\u00dfe des Beitragsbildes h\u00e4ngt vom Theme ab, wobei ein Upload im Format 16:9 empfehlenswert ist, sowie eine Tabelle mit den Bildgr\u00f6\u00dfen und der Unterschied zwischen der Bildgr\u00f6\u00dfe auf der Seite und der Gr\u00f6\u00dfe f\u00fcr das Teilen in sozialen Netzwerken.<\/li><\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>In WordPress gibt es keine einheitliche Gr\u00f6\u00dfe f\u00fcr Beitragsbilder; die Anzeigegr\u00f6\u00dfe wird von Ihrem Theme festgelegt, aber eine sichere Upload-Gr\u00f6\u00dfe betr\u00e4gt 1200 Pixel in der Breite im Seitenverh\u00e4ltnis 16:9, komprimiert im WebP-Format.<\/p>","protected":false},"author":1,"featured_media":7382,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kb_optimizer_status":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","rank_math_title":"Featured Image Size in WordPress: What Size to Use","rank_math_description":"The right featured image size in WordPress depends on your theme. Here is the safe size to upload, the ratio that matters, and how to keep files small.","rank_math_focus_keyword":"featured image size in wordpress","_colophon_preset":"regular","_colophon_fc_on":"","_colophon_edited_on":"","_colophon_editor_on":"","_colophon_editor_id":0,"_colophon_editor_name":"","_wpc_translation_mode":"keep","_wpc_translation_visited":"2026-07-22 02:33 UTC (backfill)","_wpc_keep_translation":false,"_wpc_lastmod":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-2794","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials"],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/2794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/comments?post=2794"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/2794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media\/7382"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media?parent=2794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/categories?post=2794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/tags?post=2794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}