WordPress Featured Image Blog Post Divi Size: Eine vollständige Anleitung

Veröffentlicht: 2026-01-01

Die Auswahl der richtigen Bildgröße für Ihr WordPress-Feature-Bild kann die Ästhetik und Effektivität Ihres Blogs beeinflussen oder beeinträchtigen. Diese Entscheidung wird noch wichtiger, wenn man Seitenersteller wie Divi verwendet, die die Bildanzeige mit eigenen Regeln und Einstellungen verwalten. Wenn Sie sich fragen, welche Größe Ihr vorgestelltes Bild haben sollte, damit es scharf aussieht, schnell lädt und perfekt zu Ihrem Divi-basierten Website-Design passt, ist dieser Artikel genau das Richtige für Sie.

TL;DR

Die ideale Bildgröße von WordPress bei Verwendung des Divi-Themes beträgt normalerweise etwa 1200 x 675 Pixel , was einem Seitenverhältnis von 16:9 entspricht. Diese Größe gewährleistet die Kompatibilität mit allen Blog-Layouts und sieht auf hochauflösenden Displays gestochen scharf aus. Verwenden Sie optimierte JPEG- oder WebP-Formate für schnelleres Laden ohne Qualitätsverlust. Passen Sie die Bildeinstellungen in Divi Builder und den Designoptionen an, um die Anzeige der vorgestellten Bilder in Ihren Beiträgen zu optimieren.

Warum die Größe hervorgehobener Bilder in WordPress wichtig ist

WordPress generiert automatisch mehrere Versionen eines hochgeladenen Bildes, einschließlich Miniaturansicht, mittlerer, großer und voller Größe. Abhängig von Ihrem Thema sieht das vorgestellte Bild jedoch möglicherweise nicht richtig aus, wenn es nicht in den optimalen Abmessungen hochgeladen wird. Das gilt insbesondere für Divi, das sowohl visuell reichhaltig als auch hochgradig anpassbar ist.

Wenn Ihr Bild zu klein ist, kann es pixelig erscheinen. Wenn es zu groß ist, kann es Ihre Seite verlangsamen. Ein schlecht zugeschnittenes Bild kann auch wichtige visuelle Elemente wie Gesichter oder Text abschneiden und so das Gesamtbild Ihrer Website beeinträchtigen.

Divi-spezifische Bildverarbeitung: Was Sie wissen müssen

Das Divi-Theme und Divi Builder von Elegant Themes bieten große Flexibilität. Dieselbe Flexibilität bedeutet jedoch auch, dass es empfindlicher auf falsche Bildabmessungen reagiert. Divi verfügt über mehrere Module zum Anzeigen von Bildern – Blog, Galerie, Bild und mehr – und das Aussehen Ihrer vorgestellten Bilder kann je nach verwendetem Modul variieren.

Folgendes passiert, wenn Sie in Divi einen Blog-Beitrag mit einem hervorgehobenen Bild hinzufügen:

  • Wenn Sie das Blog-Modul von Divi verwenden, wird das vorgestellte Bild abgerufen und je nach ausgewähltem Layout (z. B. Raster oder Vollbreite) Standardabmessungen angewendet.
  • Wenn Sie den Theme Builder von Divi zum Erstellen benutzerdefinierter Blog-Beitragsvorlagen verwenden, erhalten Sie die vollständige Kontrolle, erfordern jedoch eine sorgfältige Planung der Bildgröße und -verhältnisse.

Beste Größe für ausgewählte Bilder in Divi

Im Allgemeinen ist die beste Größe für WordPress-Featured-Bilder in Divi:

  • 1200 x 675 Pixel für ein Standardseitenverhältnis von 16:9 – eignet sich gut für das Blog-Modul und zum Teilen in sozialen Medien.
  • 1080 x 608 Pixel , wenn Sie die Dateigröße ohne großen visuellen Verlust leicht reduzieren möchten.
  • 1500 x 844 Pixel für Bilder in voller Breite, bei denen es auf die Wirkung und die Bildschirmabdeckung ankommt.

Diese Größen sehen auf Retina-Displays scharf aus und lassen sich auf kleineren Bildschirmen problemlos verkleinern.

Reaktionsfähigkeit

Berücksichtigen Sie bei der Auswahl der Größen das Layout

Das von Ihnen in Divi gewählte Layout beeinflusst, welche Bildgröße am besten funktioniert:

  • Rasterlayout: Am besten mit rechteckigen Bildern (16:9). Vermeiden Sie Quadrat- oder Hochformate, es sei denn, Sie verwenden ein benutzerdefiniertes Layout.
  • Layout in voller Breite: Verwenden Sie größere Bilder mit einer Breite von z. B. 1500 Pixel, um die Qualität beizubehalten und Unschärfen zu vermeiden.
  • Seitenleisten-Layout: Wenn Ihr Blog eine Seitenleiste enthält, wird die Breite Ihres vorgestellten Bildes reduziert. Streben Sie eine Breite von mindestens 800 Pixeln an.

Was ist mit den Seitenverhältnissen?

Das Seitenverhältnis spielt eine größere Rolle als nur Pixel. Das gebräuchlichste und empfohlene Seitenverhältnis im Webdesign, insbesondere für Blogbeiträge in Divi, ist 16:9 . Dies entspricht den typischen Abmessungen, die in Social-Media-Vorschauen, YouTube-Thumbnails und modernen Desktop-Monitoren verwendet werden.

Andere Seitenverhältnisse, die Sie in Betracht ziehen könnten:

  • 4:3 – Gut für eher klassische oder Box-Blog-Layouts.
  • 1:1 – Nützlich in Rastergalerien oder minimalistischen Blog-Designs.

Wenn Sie jedoch nicht mit einer sehr spezifischen Designvorstellung arbeiten, bleiben Sie bei 16:9 – es bietet eine hervorragende visuelle Ausgewogenheit und Kompatibilität.

So legen Sie die Größe hervorgehobener Bilder in WordPress + Divi fest

Gehen Sie folgendermaßen vor, damit Ihre vorgestellten Bilder in allen Beiträgen klar und einheitlich erscheinen:

  1. Entwerfen Sie Ihr Bild in den richtigen Abmessungen : Verwenden Sie idealerweise einen externen Bildeditor wie Photoshop, Canva oder Figma, um das Bild mit 1200 x 675 Pixel zu erstellen.
  2. Komprimieren Sie das Bild : Verwenden Sie vor dem Hochladen Tools wie TinyJPG, ShortPixel oder Squoosh, um Ihr Bild für das Web zu optimieren.
  3. Laden Sie das Bild im Beitrag hoch : Verwenden Sie das Feld „Ausgewähltes Bild“ auf der rechten Seite des WordPress-Editors.
  4. Legen Sie es im Blog-Modul fest : Verwenden Sie in Divi Builder das Blog-Modul und aktivieren Sie „Ausgewähltes Bild anzeigen“ auf der Registerkarte „Elemente“-Einstellungen.

Tipps zur Verbesserung der Anzeige hervorgehobener Bilder in Divi

Selbst nachdem Sie die richtige Größe ausgewählt haben, gibt es noch andere Möglichkeiten, das Aussehen Ihres vorgestellten Bildes im Divi-Theme zu verbessern:

  • Verwenden Sie den Divi Theme Builder , um benutzerdefinierte Blog-Vorlagen zu erstellen, sodass Sie die vollständige Kontrolle über die Platzierung und Größe von Bildern haben.
  • Responsive-Einstellungen aktivieren : Stellen Sie sicher, dass die Divi-Module so eingestellt sind, dass die Bildproportionen auf Tablets und mobilen Ansichten beibehalten werden.
  • Verwenden Sie die Bildstileinstellungen, um Abstände, Schatten und Ränder für eine verbesserte Präsentation direkt im Divi Builder anzupassen.
  • Wählen Sie das richtige Dateiformat : Verwenden Sie nach Möglichkeit WebP – es ist leichter und behält die Qualität besser als JPEG oder PNG.

Umgang mit Zuschneideproblemen

Manchmal schneiden Divi oder WordPress ausgewählte Bilder automatisch zu oder ändern ihre Größe. Wenn Sie nicht aufpassen, kann es passieren, dass wichtige Teile des Bildes fehlen. Hier sind Möglichkeiten, das zu beheben:

  • Installieren Sie das Plugin „Miniaturansichten neu generieren“ : Dadurch wird Ihre Medienbibliothek in der neuen Größe erneut verarbeitet, nachdem Sie die Einstellungen angepasst haben.
  • CSS verwenden : Mit benutzerdefiniertem CSS im Theme Customizer können Sie manchmal Standardbildabmessungen überschreiben.
  • Manuell zuschneiden : Laden Sie Bilder mit dem richtigen Seitenverhältnis hoch und schneiden Sie sie in Ihrem Editor zu, damit WordPress dies nicht automatisch erledigt.

SEO-Überlegungen mit vorgestellten Bildern

Ihr vorgestelltes Bild spielt auch eine Rolle bei der Suchmaschinenoptimierung. Stellen Sie sicher, dass:

  • Beschreibenden Alternativtext einschließen : Fügen Sie alternativen (Alt-)Text hinzu, der relevante Schlüsselwörter enthält.
  • Verwenden Sie SEO-Plugins : Mit Plugins wie Yoast SEO oder Rank Math können Sie möglicherweise eine Vorschau anzeigen, wie Ihr vorgestelltes Bild in der Suche und in sozialen Vorschauen aussehen wird.
  • Halten Sie die Dateigröße klein : Schneller ladende Seiten verbessern SEO-Rankings.

Reaktionsverhalten des Divi-Blog-Moduls

Divi reagiert standardmäßig auf Mobilgeräte. Wenn Sie jedoch sicherstellen möchten, dass die vorgestellten Bilder schön skaliert werden, müssen Sie Folgendes tun:

  • Verwenden Sie Bilder mit der doppelten Auflösung für die Retina-Unterstützung (z. B. 2400 x 1350 Pixel für 1200 Pixel-Container).
  • Überprüfen Sie die Einstellungen unter „Design → Größe“ im Blog-Modul und legen Sie maximale und minimale Breitenbeschränkungen fest.

Abschluss

Die Auswahl der richtigen Bildgröße in WordPress mit dem Divi-Theme beginnt damit, dass Sie verstehen, wie Divi Bilder rendert, und dann Ihre visuellen Elemente entsprechend gestalten. Eine gute Faustregel besteht darin, bei 1200 x 675 Pixel zu bleiben, optimierte Bilder zu verwenden und das Anzeigeverhalten im Divi Builder anzupassen. Sie verbessern nicht nur die visuelle Kohärenz Ihres Blogs, sondern verbessern auch die Seitenleistung und die SEO-Bereitschaft.

Wenn Sie eine neue Website starten oder eine bestehende umbenennen, nehmen Sie sich die Zeit, eine Strategie für hervorgehobene Bilder zu entwickeln. Ihre Blogbeiträge – und Ihre Leser – werden es Ihnen danken.