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

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. Zum Beispiel bedeutet 1600×900 Pixel ein Bild mit einer Breite von 1600 Pixeln und einer Höhe von 900 Pixeln.

Diese Maße werden auch als Bildmaße 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. Zum Beispiel 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 Ihrer Website.Geschwindigkeit und Leistung. Deshalb ist es wichtig, die Dateigröße des Bildes so klein wie möglich zu halten, während das Bild die richtigen Abmessungen hat.

Das bringt uns zu den Bilddateiformaten.

Bilddateiformate sind die Komprimierungstechnologien zum Speichern Ihrer Bilddateien. Die im Internet 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 überBilder in WordPress optimieren.

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?

Für einen durchschnittlichenWordPress-Websitewerden Sie Bilder in verschiedenen Bereichen Ihrer Website verwenden. Sie benötigen Bilder für Ihre Blogbeiträge, Miniaturansichten, Seitenkopfzeilen, Titelbilder und vieles mehr.

WordPress handhabt einige der Bilddateigrößen standardmäßig automatisch. Wenn Sie ein Bild hochladen, erstellt WordPress automatisch mehrere Kopien davon in verschiedenen Größen.

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

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

Ihr WordPress-Theme kann jedoch seine eigenenzusätzliche Bildgrößen und verwenden Sie diese für verschiedene Bereiche Ihrer Website.

Diese Größen sind auf dem Medienbildschirm nicht sichtbar, und die einzige Möglichkeit, diese zusätzlichen Größen anzuzeigen, besteht darin, den Dateimanager auf Ihrem Computer zu öffnen.WordPress-Hosting Konto.

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

Werfen wir also einen Blick auf verschiedene Bereiche Ihrer Website und darauf, 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 IhrerWordPress-Theme.

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 beliebte WordPress-Websites die gleiche Bildbreite für alle Bilder in einem Artikel verwenden. Dies ist jedoch keine strikte Regel.

Wenn Sie z. B. einen 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 zum Beispiel ein Beispiel für quadratische Bilder, die in einermehrspaltiges Layout.

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.

Welche Bildgrößen für Featured Images zu verwenden sind

Ausgewählte Bilder, auch Post-Thumbnails genannt, sind eine Funktion des WordPress-Themes. Das bedeutet, dass Ihr Theme bestimmt, welche Größe die Bilder haben 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 angezeigte Bild auch als größeres Header-Bild verwenden. Dazu benötigen sie möglicherweise größere Bilder (z. B. 1200×675).

Featured Images sind wichtig, da Ihr WordPress-Theme sie in verschiedenen Bereichen Ihrer Website verwenden kann. Sie sind oft das erste, was Ihre Besucher sehen, daher sollten 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 Bilder 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 verwendet werden können, z. B.Homepage,Blog-Seiteoder Archivseiten.

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 dieAlles in Einem SEO Plugin für WordPress. Es ist dasbestes WordPress SEO-Plugin auf dem Markt, die von über 3 Millionen Websites genutzt wird. Es hilft Ihnen, Ihre Website für Suchmaschinen und Social-Media-Plattformen zu optimieren.

Hinweis: Es gibt auch eine begrenztekostenlose 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 aufwie man ein WordPress-Plugin installiert.

Nach der Aktivierung startet das Plugin den Einrichtungsassistenten. Folgen Sie den Anweisungen auf dem Bildschirm, um den Assistenten abzuschließen. Sie können auch unseren Leitfaden zu folgenden Themen lesenwie man All in One SEO einrichtet für eine schrittweise Anleitung.

Danach müssen Sie Folgendes besuchenAll in One SEO “ Soziale Netzwerke Seite und wechseln Sie zur Registerkarte Facebook. Von hier aus 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, können Facebook und Twitter diese Bilder möglicherweise nicht richtig anzeigen.

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 nach unten zum Abschnitt AIOSEO-Einstellungen unterhalb des Editors.

Wechseln Sie nun 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 Bildgrößen für soziale Medien finden Sie in unseremWordPress Spickzettel für soziale Medien für Anfänger.

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 mitvollständige Bearbeitung der Website nicht verwenden, erhalten Sie möglicherweise keine Empfehlung für die Bildgröße des Logos.

In diesem Fall empfehlen wir, verschiedene Stile und Größen hochzuladen, um zu sehen, 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-Nutzer sind nicht von Beruf Grafikdesigner. Sie müssen jedoch eine Bildbearbeitungssoftware verwenden, um Bildgrößen für Ihre WordPress-Website zu erstellen.

WordPress selbst verfügt über einige grundlegende Bildbearbeitungswerkzeuge. Um sie zu verwenden, gehen Sie einfach in dieMedien “ 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. Sie ist jedoch nicht die beste Methode für die tägliche Bearbeitung Ihrer Bilder.

• Canva – kostenlose webbasierte Bildbearbeitungssoftware. Sie enthält auch fertige Vorlagen für Website-Bilder, Logos, Bilder für soziale Medien und mehr.
• Pixlr – Eine webbasierte Freemium-Bildbearbeitungssoftware. Mit ihr können Sie die Größe von Bildern für Ihre Blog-Beiträge leicht ändern.
• Gimp – Kostenlose und quelloffene Bildbearbeitungssoftware. Sie funktioniert als native Desktop-Anwendung unter Windows, Mac und Linux. Kann verwendet werden, um die Größe von Bildern zu ändern, Textebenen hinzuzufügen, Fotos zu bearbeiten und vieles mehr.