WordPress Plugins 7 Min. Lesezeit

WordPress-Bildgröße: Was Sie wissen müssen

Von Editorial Staff Geprüft von: Ayub Ali Feb 6, 2025
Von einem Menschen verfasst

Ein WordPress-Bild ist nicht nur eine zufällige Miniaturansicht, sondern das visuelle Gateway für Ihre Inhalte. 

Unabhängig davon, ob es oben in Ihrem Blog-Beitrag, auf Archivseiten oder beim Freigeben in sozialen Medien angezeigt wird, kann ein gut optimiertes Bild das Engagement fördern, die Lesbarkeit verbessern und das Branding verbessern.

In diesem Handbuch werden wir darauf eingehen, warum vorgestellte Bilder wichtig sind, die beste WordPress-Bildgröße, die verwendet werden kann, wie man sie hinzufügt, und Optimierungstipps, um ihre Wirkung zu maximieren.

Lass uns anfangen. 

Was fällt Ihnen beim Surfen im Internet zuerst auf? Visuals! 

Ein auffälliges Bild kann die Schriftrolle stoppen, Aufmerksamkeit erregen und die Leute zum Klicken bringen.

Hier ist der Grund, warum vorgestellte Bilder für eine WordPress-Website nicht verhandelbar sind:

Sofortiges Engagement – Ein überzeugendes Bild hakt den Leser, bevor er den Titel überhaupt liest.
Bessere Lesbarkeit – Textwände können einschüchternd sein, ein abgebildetes Bild zerbricht es und verbessert das Leseerlebnis.
SEO & Social Boost – Ein gut optimiertes Bild mit Alt-Text kann beim Suchen nach Ranglisten helfen und sicherstellen, dass Beiträge beim gemeinsamen Austausch gut aussehen.
Markenkonsistenz – Die Verwendung eines einheitlichen Bildstils stärkt die Markenidentität und macht Ihre Website optisch kohärent.

Nicht alle Themen behandeln Bilder auf die gleiche Weise, aber eine sichere, universell empfohlene Größe für vorgestellte Bilder ist:

1200 x 628 Pixel

Warum diese Größe?

Funktioniert über alle Geräte - Kein seltsames Zuschneiden auf dem Handy oder Desktop.
Perfekt für das Teilen von Social - Passt die Vorschau-Dimensionen von Facebook und Twitter an.
Balancen Qualität & Geschwindigkeit – Hohe Auflösung ohne die Verlangsamung Ihrer Website.

Pro-Tipp: WordPress generiert automatisch mehrere Bildgrößen (Daumennail, Medium, Large). Um sie anzupassen, gehen Sie zu Einstellungen → Medien in Ihrem WordPress-Dashboard.

WordPress manual size image

Das Hinzufügen eines vorgestellten Bildes ist schnell und einfach:

Schritt 1: Gehen Sie zu Ihrem WordPress-Dashboard.
Schritt 2: Öffnen Sie einen Beitrag oder eine Seite (neues Erstellen oder bearbeiten Sie eine vorhandene) und klicken Sie in der rechten Seitenleiste auf "Einstellen des Bilds". 

how to set featured image in WordPress

Schritt 3: Laden Sie ein Bild aus der WordPress-Medienbibliothek hoch oder wählen Sie es aus und fügen Sie Alttext hinzu (dies hilft bei der Suchmaschinenoptimierung und der Barrierefreiheit).

select the image, set alt text, and then update

Schritt 4: Klicken Sie auf "Aussehensbild festlegen" und dann auf "Entwurf", "Veröffentlichen" oder "Speichern". 

Das ist es! Ihr vorgestelltes Bild ist jetzt live?

Möchten Sie die Darstellung von Bildern in Ihrem Thema ändern? Folgen Sie diesen Schritten:

Schritt 1:  Gehen Sie zu Einstellungen → Medien in Ihrem WordPress-Dashboard.
Schritt 2:  Stellen Sie die Miniatur, mittel und groß Größeneinstellungen.
Schritt 3:  knips Änderungen speichern.

changing image sizes in wordpress manually

⚠️ HINWEIS: Das Ändern dieser Einstellungen wirkt sich auf alle Bilder auf Ihrer Website aus. Testen Sie es, bevor Sie endgültige Anpassungen vornehmen!

Möchten Sie, dass Ihre Bilder großartig aussehen und schnell laden? Befolgen Sie diese Best Practices:

Verwenden Sie hochwertige Bilder - Verschwommene Bilder weisen Menschen ab. Verwenden Sie scharfe, gut beleuchtete Bilder.
Bildgröße komprimieren – Große Dateien verlangsamen Ihre Website. Verwenden Sie Tools wie TinyPNG oder Plugins wie Next3 Offload und Smush, um die Dateigröße zu reduzieren.
Alt-Text hinzufügen – Hilft Suchmaschinen, das Bild zu verstehen und Ihre Website besser zugänglich zu machen.
Behalten Sie einen konsistenten Stil – Verwenden Sie ähnliche Schriftarten, Farben und Filter, um die Markenidentität zu stärken.

Ein vorgestelltes Bild stellt Ihren Beitrag oder Ihre Seite dar und ist das erste, was Besucher nach dem Titel bemerken. Es spielt eine Schlüsselrolle bei Engagement und SEO, wie es auf Ihrer Website erscheint (Blog-Archiv, Homepage, Suchergebnisse, in Suchmaschinenlisten. Und in sozialen Medien, wenn der Beitrag freigegeben wird.

WordPress bietet jedoch keine integrierte Option zum Ändern der Größe eines vorgestellten Bildes. Die Abmessungen hängen von Ihren Designeinstellungen ab. Wenn Ihr abgebildetes Bild unscharf, falsch beschnitten oder gestreckt erscheint, müssen Sie seine Größe manuell anpassen.

Im Folgenden finden Sie drei Möglichkeiten, dies effektiv zu tun.

Methode 1: Größe des Bildes in WordPress (Grundbearbeitung) ändern

WordPress hat einen eingebauten Bildeditor So können Sie kleinere Anpassungen vornehmen:

  1. aufsuchen Medien → Bibliothek und wählen Sie das Bild aus.
  2. knips Bild bearbeiten.
  3. Passen Sie die Abmessungen unter an Bild skalieren Und klicken erklimmendrohen Sobald fertig, aktualisieren.
changing image size from wordpress media library manually

Vorteile:
✔ Schnell und einfach.
✔ Keine externen Werkzeuge erforderlich.

Nachteile:
❌ Die Reduzierung der Größe kann das Bild verschwommen machen.
❌ Durch das Skalieren eines Bildes wird seine Qualität verringert.
❌ Ermöglicht Ihnen nicht, die richtigen Seitenverhältnisse effektiv einzuhalten.

Am besten für: Kleinere Anpassungen, wenn Ihr Bild leicht ausgeschaltet ist.

Methode 2: Größe des Bildes vor dem Hochladen ändern (Best Practice)

Da die abgebildeten Bilder die ursprüngliche Bildgröße erben (solange das Theme es zulässt), ist es am besten, das Bild vor dem Hochladen zu ändern.

Schritte:

  1. Verwenden Sie Photoshop, Leinen, oder Photopea So ändern Sie die Größe Ihres Bildes manuell.
  2. Speichern Sie es in der empfohlenen Größe basierend auf Ihrem Thema.
  3. Laden Sie es direkt in die WordPress-Medienbibliothek hoch

Vorteile:

✔ Gewährleistet beste Bildqualität.
✔ Reduziert die Größe von WordPress und verbessert die Seitengeschwindigkeit.
✔ Verhindert verschwommene, beschnittene oder gedehnte Bilder.

Am besten für: Diejenigen, die wollen Kontrolle über Qualität und Zusammensetzung.

Ideale Bildgröße: Während es je nach Thema variiert, ist ein guter Ausgangspunkt 1200 × 628 px, da es gut für die meisten Layouts und Social-Media-Vorschauen funktioniert.

Für die volle Kontrolle können Sie a definieren Benutzerdefinierte Bildgröße Verwertung PHP.

Schritte:

  1. aufsuchen Aussehen → Theme-Datei-Editor.
  2. Öffne das functions.php Akte
  3. Fügen Sie diesen Code hinzu:
set_post_thumbnail_size(1000, 500, True);
  • Ersetzen Sie 1000, 500 durch Ihre gewünschte Breite und Höhe (in Pixel).
  • true schneidet das Bild genau an die Abmessungen an; false behält das Seitenverhältnis bei.

Vorteile:
✔ Volle Kontrolle über die Bildabmessungen.
✔ Verhindert die Größenänderung von Problemen über Posts und Seiten.

Nachteile:
Falsches Bearbeiten von PHP-Dateien kann Ihre Website kaputt machen- Immer wieder vornehmen, bevor Änderungen vorgenommen werden.
❌ Wenn Sie Themen wechseln, müssen Sie Wenden Sie den Code erneut an.

Am besten für: Entwickler oder fortgeschrittene Benutzer, die wollen Benutzerdefinierte Größe für vorgestellte Bilder.

WordPress generiert Vier Standard-Bildgrößen Beim Hochladen eines Bildes:

  • Vorschaubild: 150 × 150 px
  • Medium: 300 × 300 px
  • Groß: 1024×1024 px
  • Volle Größe: Originalbildgröße

Um diese Größen zu ändern:

  1. aufsuchen Einstellungen → Medien.
  2. Passen Sie die Abmessungen an Miniaturansicht, mittlere und große Größen.
  3. knips Änderungen speichern.

Hinweis: Das Ändern dieser Größen wird nicht Auswirkungen auf zuvor hochgeladene Bilder: Sie müssen Bilder erneut hochladen, damit die neuen Größen wirksam werden.

Die Größe alleine reicht nicht aus – Sie sollten Ihr Bild auch für Suchmaschinen und Benutzererfahrung optimieren:

Verwenden Sie Alt-Text: Beschreiben Sie das Bild klar und schließen Sie relevante Schlüsselwörter ein.
Bilder komprimieren: Verwenden Sie Tools wie winzig oder Shortpixel um die Dateigröße zu reduzieren.
Verwenden Sie das richtige Format:

  • JPEG Für Fotos.
  • PNG Für Grafiken mit Transparenz.
  • WebP Zum schnelleren Laden.

Warum das zählt: Suchmaschinen verwenden Alt-Text, um Bilder zu verstehen, und richtig optimierte Bilder werden schneller geladen, wodurch die SEO-Rankings verbessert werden.

Abschluss

Es ist wichtig, die Größe der WordPress-Bilder zu kennen, und die Optimierung Ihrer Website für die beste Benutzererfahrung spielt eine Rolle.

Best Practice: Größe der Features ändern Vor dem Hochladen Für optimale Qualität.
Für schnelle Korrekturen: Verwenden Sie WordPress Bild skalieren Werkzeug
Zur vollen Kontrolle: Bearbeiten Sie die functions.php Datei, um eine benutzerdefinierte Größe festzulegen.

Durch die Einrichtung der richtigen Bildgröße von WordPress können Sie eine bessere Ästhetik, eine verbesserte Benutzerbindung und eine schnellere Website-Leistung gewährleisten. Probieren Sie die besten Praktiken und Methoden aus, über die wir gesprochen haben, und lassen Sie uns wissen, ob Sie Schwierigkeiten haben. 

next3offload

Optimieren Sie Ihre WordPress-Workflows mit ThemeDev

Entdecken Sie Plugins, Anleitungen und Tools für wachsende WordPress-Unternehmen.

ThemeDev entdecken
Editorial Staff
Verfasst von

Editorial Staff

ThemeDev is one of the best platforms to get WordPress product plugins. Our main purpose is to provide unique and effective plugins that will help to flourish your business to the next level.

Weiterlesen

Alle anzeigen
So integrieren Sie Bunny CDN zum Ausladen von WordPress-Mediendateien
Next3 Offload 9 Min. Lesezeit

So integrieren Sie Bunny CDN zum Ausladen von WordPress-Mediendateien

Wenn Sie nach dem besten Cloud-Speicheranbieter suchen, um die Ladezeit der Website zu verbessern, k...

Vollständigen Artikel lesen
Mehrin Ferdous Mim
Mehrin Ferdous Mim Jan 1, 2024
Deaktivieren Sie automatische Updates in WordPress Core
WordPress 4 Min. Lesezeit

Deaktivieren Sie automatische Updates in WordPress Core

Wussten Sie, dass WordPress Ihre Website automatisch aktualisieren kann? In einigen Fällen können ...

Vollständigen Artikel lesen
Golam Mostafa
Golam Mostafa Aug 9, 2021
Aktivieren Sie automatische Updates WordPress Core
WordPress 4 Min. Lesezeit

Aktivieren Sie automatische Updates WordPress Core

Als WordPress-Benutzer oder Entwickler müssen Sie sich über automatische Updates von WordPress inf...

Vollständigen Artikel lesen
Golam Mostafa
Golam Mostafa Aug 9, 2021

Wöchentliche Tipps für WordPress-Wachstum

Schließen Sie sich den ThemeDev-Lesern an und erhalten Sie praktische Ressourcen zu WordPress, Plugins und Unternehmenswachstum direkt in Ihr Postfach.