Anfängerleitfaden für WordPress-Bildgrößen (+ Best Practices)

Anfängerleitfaden für WordPress-Bildgrößen (+ Best Practices)
Paul Steele

Möchten Sie mehr über WordPress-Bildgrößen erfahren?

Oft werden wir von Anfängern gefragt, welche Bildgrößen sie auf ihrer WordPress-Website verwenden sollten und wie WordPress Bilder in verschiedenen Bereichen behandelt.

In diesem Leitfaden für Einsteiger erklären wir die gängigen WordPress-Bildgrößen und geben Tipps, welche Größen Sie für Ihre Website verwenden sollten.

Was ist eine Bildgröße?

Die Bildgröße bezieht sich in der Regel auf die Breite und Höhe eines Bildes, gemessen in Pixeln. 1600×900 Pixel bedeutet zum Beispiel, dass ein Bild 1600 Pixel breit und 900 Pixel hoch ist.

Diese Maße werden auch als Bildabmessungen bezeichnet.

Grundsätzlich hat ein Bild mit größeren Abmessungen mehr Pixel, was zu einer Vergrößerung der Bilddatei führt.

Die Größe einer Bilddatei ist der Platz, den eine Bilddatei auf einem Computer einnimmt, und wird in Bytes gemessen, z. B. 100 KB (Kilobytes).

Wenn ein Bild eine größere Dateigröße hat, dauert das Herunterladen für die Nutzer länger und beeinträchtigt die Geschwindigkeit und Leistung Ihrer Website. Deshalb ist es wichtig, die Dateigröße des Bildes so klein wie möglich zu halten, während das Bild die richtige Größe hat.

Das bringt uns zu den Bilddateiformaten.

Bilddateiformate sind die Komprimierungstechnologien zum Speichern Ihrer Bilddateien. Die im Web am häufigsten verwendeten Formate sind JPEG und PNG.

Bilder wie Fotografien, die mehr Farben enthalten, können mit dem JPEG-Dateiformat besser komprimiert werden.

Für Bilder wie Illustrationen mit weniger Farbdetails sind hingegen PNG-Dateien am besten geeignet.

Weitere Einzelheiten zu Bilddateiformaten finden Sie in unserem Artikel über die Optimierung von Bildern in WordPress.

Werfen wir also einen Blick darauf, welche Bildgrößen in WordPress für die verschiedenen Bereiche Ihrer Website verwendet werden sollten.

Welche Größe sollten meine Bilder für meine WordPress-Website haben?

Bei einer durchschnittlichen WordPress-Website werden Sie Bilder in verschiedenen Bereichen Ihrer Website verwenden. Sie benötigen Bilder für Ihre Blogbeiträge, Thumbnails, Seitenkopfzeilen, Titelbilder und vieles mehr.

Wenn Sie ein Bild hochladen, erstellt WordPress automatisch mehrere Kopien des Bildes in verschiedenen Größen.

Sie können die Standard-Bildgrößen von WordPress anzeigen und sogar anpassen, indem Sie Einstellungen " Medien Seite im WordPress-Verwaltungsbereich.

Sie sehen drei Größen für Medium, Thumbnail und Large.

Ihr WordPress-Theme kann jedoch seine eigenen zusätzlichen Bildgrößen erstellen und diese für verschiedene Bereiche Ihrer Website verwenden.

Diese Größen sind auf dem Medienbildschirm nicht sichtbar. Die einzige Möglichkeit, diese zusätzlichen Größen anzuzeigen, ist der Dateimanager Ihres WordPress-Hostingkontos.

Navigieren Sie dann zum Ordner /wp-content/uploads/ und wählen Sie dort einen beliebigen Jahresordner zum Durchsuchen aus. So können Sie alle verschiedenen Bildgrößen sehen, die Ihre WordPress-Website erzeugt.

Schauen wir uns also verschiedene Bereiche Ihrer Website an und welche Bildgrößen Sie in diesen Bereichen verwenden sollten.

Welche Bildgrößen in Blogbeiträgen verwendet werden sollten

Sie müssen die Bildgröße für Ihre Blogeinträge auf der Grundlage Ihres WordPress-Themas auswählen.

Einige WordPress-Themes verfügen beispielsweise über ein einspaltiges Layout, das es Ihnen ermöglicht, breitere Bilder zu verwenden.

Andererseits verwenden einige WordPress-Themes mehrspaltige Layouts (Inhalt + Seitenleiste), was bedeutet, dass Sie die Bildbreite entsprechend anpassen müssen.

Für die meisten Blogs können Sie die folgenden Bildgrößen verwenden:

  • Einspaltiges Layout: 1200×675
  • Zweispaltiges Layout: 680×382

Sie werden feststellen, dass viele populäre WordPress-Websites die gleiche Bildbreite für alle Bilder in einem Artikel verwenden. Dies ist jedoch keine strikte Regel.

Wenn Sie z. B. den Block "Medien und Text" hinzufügen möchten, können Sie die Bildgröße entsprechend anpassen. Im folgenden Beispiel verwenden wir ein Bild im Hochformat neben einem Text.

Ebenso können Sie in bestimmten Situationen quadratische Bilder verwenden.

Hier ein Beispiel für quadratische Bilder, die in einem mehrspaltigen Layout verwendet werden.

Wenn Sie quadratische Bilder verwenden, müssen Sie lediglich darauf achten, dass die Bildmaße die gleiche Breite und Höhe haben, z. B. 300 x 300 Pixel.

Featured Images, auch Post-Thumbnails genannt, sind eine Funktion des WordPress-Themes, d.h. Ihr Theme bestimmt, welche Bilder in welcher Größe angezeigt werden sollen.

Einige WordPress-Themes verwenden beispielsweise das Standard-Seitenverhältnis 16:9 für die Größe der angezeigten Bilder (z. B. 680×382 Pixel).

Einige WordPress-Themes können das Featured Image auch als größeres Header-Bild verwenden, wofür sie größere Bilder benötigen (z. B. 1200×675).

Hervorgehobene Bilder sind wichtig, da Ihr WordPress-Theme sie in verschiedenen Bereichen Ihrer Website verwenden kann. Sie sind oft das erste, was Ihre Besucher sehen, daher möchten Sie einen guten ersten Eindruck hinterlassen.

Wir empfehlen, größere Bilder zu verwenden, damit sie auch bei einer Verkleinerung oder in einem breiteren Modus noch schön aussehen.

Wenn Ihr WordPress-Theme quadratische Bilder für das Featured Image verwendet, empfehlen wir, Bilder mit einer Größe von mindestens 600×600 Pixeln zu verwenden.

  • Für Themen, die rechteckige Featured Images verwenden: 1200×687 Pixel
  • Für Themen, die quadratische Featured Images verwenden: 600×600 Pixel

Ihr WordPress-Theme generiert zusätzliche Größen für angezeigte Bilder, die in verschiedenen Bereichen wie Homepage, Blog oder Archivseiten verwendet werden können.

Welche Bildgrößen man für soziale Medien verwenden sollte

Wenn Ihr WordPress-Theme Bilder mit einem Seitenverhältnis von 16:9 verwendet, können Sie diese auch als Social-Media-Bilder für Twitter und Facebook nutzen.

Allerdings müssen Sie diesen Plattformen ausdrücklich mitteilen, welches Bild angezeigt werden soll, wenn jemand einen Artikel von Ihrer Website teilt.

Dazu benötigen Sie das All in One SEO Plugin für WordPress. Es ist das beste WordPress SEO Plugin auf dem Markt und wird von über 3 Millionen Websites genutzt. Es hilft Ihnen, Ihre Website für Suchmaschinen und Social Media Plattformen zu optimieren.

Hinweis Es gibt auch eine begrenzte kostenlose Version von All in One SEO, die Sie ausprobieren können.

Zunächst müssen Sie das Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung startet das Plugin den Einrichtungsassistenten. Folgen Sie den Anweisungen auf dem Bildschirm, um den Assistenten zu vervollständigen. Eine Schritt-für-Schritt-Anleitung finden Sie auch in unserer Anleitung zur Einrichtung von All in One SEO.

Danach müssen Sie Folgendes besuchen All in One SEO " Soziale Netzwerke Seite und wechseln Sie zur Registerkarte Facebook. Hier können Sie "Featured Image" als Ihre Standard-Open-Graph-Bildquelle festlegen.

Sie können dann zur Registerkarte Twitter wechseln und dasselbe tun.

Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Einstellungen zu speichern.

Wenn Ihr WordPress-Theme Bilder in einer anderen Größe verwendet, kann es sein, dass Facebook und Twitter diese Bilder nicht richtig anzeigen können.

In diesem Fall können Sie soziale Medienplattformen mit einem benutzerdefinierten Bild versehen.

Erstellen Sie einfach ein Bild mit einem Seitenverhältnis von 16:9 (1200×675 Pixel oder 680×382 Pixel), bearbeiten Sie dann den Beitrag oder die Seite und scrollen Sie zum Abschnitt AIOSEO-Einstellungen unterhalb des Editors.

Wechseln Sie zur Registerkarte Soziales und scrollen Sie nach unten zum Abschnitt Bildquelle. Wählen Sie aus dem Dropdown-Menü die Option Benutzerdefiniertes Bild und laden Sie dann Ihr Facebook-Bild hoch.

Sie müssen den Vorgang auch auf der Registerkarte Twitter wiederholen.

Sie müssen dies für alle Artikel tun, die Sie veröffentlichen, um sicherzustellen, dass die sozialen Medien das von Ihnen gewünschte Bild verwenden.

Weitere Größen für Bilder in sozialen Medien finden Sie in unserem WordPress-Spickzettel für Anfänger in sozialen Medien.

Welche Bildgröße für das Website-Logo in WordPress zu verwenden ist

Viele WordPress-Themes teilen Ihnen mit, welche Bildgröße Sie für Ihr Website-Logo verwenden sollten.

Unser Demo-Theme zeigt zum Beispiel diese Meldung an, wenn wir versuchen, ein Logo hochzuladen.

Wenn Sie jedoch ein neueres WordPress-Theme mit vollständiger Website-Bearbeitungsfunktion verwenden, erhalten Sie möglicherweise keine Empfehlung für die Größe des Logo-Bildes.

In diesem Fall empfehlen wir, verschiedene Stile und Größen hochzuladen, um herauszufinden, was am besten zu Ihrer Marke passt. Eine Logogröße von 300×200 Pixeln kann ein guter Ausgangspunkt sein.

Bearbeiten von Bildern für Ihre WordPress-Website

Die meisten WordPress-Benutzer sind nicht von Beruf Grafikdesigner. Sie müssen jedoch eine Bildbearbeitungssoftware verwenden, um die Bildgrößen für Ihre WordPress-Website zu erstellen.

WordPress selbst verfügt über einige grundlegende Bildbearbeitungswerkzeuge. Um diese zu nutzen, gehen Sie einfach in die Medien " Bibliothek Seite und klicken Sie auf ein Bild.

Dadurch wird das Bild in einem Popup-Fenster geöffnet, in dem Sie eine Schaltfläche zum Bearbeiten des Bildes sehen.

Daraufhin werden die Bearbeitungsoptionen geöffnet.

Zu den Werkzeugen gehören die grundlegenden Funktionen zum Ändern der Bildgröße, Zuschneiden, Drehen und Spiegeln.

Diese grundlegende Bildbearbeitung ist praktisch, wenn Sie ein Bild schnell korrigieren müssen, aber nicht die beste Methode für die tägliche Bearbeitung Ihrer Bilder.

Glücklicherweise gibt es mehrere kostenlose und kostengünstige Optionen, die Sie nutzen können.

  • Canva - kostenlose, webbasierte Bildbearbeitungssoftware, die auch fertige Vorlagen für Website-Bilder, Logos, Bilder für soziale Medien und vieles mehr enthält.
  • Pixlr - Ein kostenloses, webbasiertes Bildbearbeitungsprogramm, mit dem Sie die Größe von Bildern für Ihre Blogbeiträge ganz einfach ändern können.
  • Gimp - Kostenlose und quelloffene Bildbearbeitungssoftware. Sie funktioniert als native Desktop-Anwendung unter Windows, Mac und Linux. Sie können damit die Größe von Bildern ändern, Textebenen hinzufügen, Fotos bearbeiten und vieles mehr.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über WordPress-Bildgrößen zu erfahren und welche Bildgrößen Sie auf Ihrer Website verwenden sollten.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.




Paul Steele
Paul Steele
Als Gründer der erfolgreichen Online-Marketing-Agentur unterstützt Paul Steele seit über einem Jahrzehnt Unternehmen jeder Größe beim Aufbau einer starken Online-Präsenz. Sein Fachwissen umfasst alles von Suchmaschinenoptimierung bis hin zu Social-Media-Marketing, aber seine wahre Leidenschaft liegt darin, Anfängern dabei zu helfen, das Innenleben von WordPress zu verstehen. Mit seinem Talent, komplizierte Konzepte in leicht verständliche Schritte zu zerlegen, ist Pauls Anfängerleitfaden für WordPress zu einer unverzichtbaren Ressource für neue Website-Besitzer, Blogger und Unternehmer geworden, die die Kontrolle über ihre Online-Präsenz übernehmen möchten. Egal, ob Sie Ihre Website für Suchmaschinen optimieren, das Erscheinungsbild Ihrer Website anpassen oder einfach nur durch die WordPress-Benutzeroberfläche navigieren möchten, Pauls freundliche und zugängliche Herangehensweise sorgt dafür, dass sich der Prozess weniger einschüchternd und überschaubarer anfühlt. Als begeisterter Blogger und erfahrener digitaler Vermarkter teilt Paul sein Wissen und seine Erkenntnisse auch zu anderen Themen im Zusammenhang mit Online-Marketing und hilft seinen Lesern, über die neuesten Trends und Best Practices in der Branche auf dem Laufenden zu bleiben.