Wenn du WordPress Themes änderst, kann es sein, dass deine vorhandenen Bilder nicht die richtige Größe haben.

Die Lösung für WordPress? Thumbnails regenerieren. Das bedeutet, dass du deine Bildmaße in den WordPress-Core-Einstellungen zurücksetzen musst. Es kann auch schnell mit einem Plugin erledigt werden.

In diesem Beitrag werden wir tiefer in die Lösung für WordPress Thumbnails regenerieren einsteigen und dir zeigen, wie du Bildprobleme mit dem WordPress Plugin „Thumbnails regenerieren“ und manuell mit WP-CLI beheben kannst.

Los geht’s!

Was mit deinen Bildern passiert

Um herauszufinden, wie man Thumbnails im WordPress-Stil regeneriert, ist es unerlässlich, zuerst zu verstehen, wie mit Bildern und Bildgrößen umgegangen wird.

WordPress hat Einstellungen, um Bilder, die du hochlädst, automatisch zuzuschneiden. Die Einstellungen findest du im Admin Dashboard unter Einstellungen > Medien.

WordPress wird deine Bilder automatisch zuschneiden.
WordPress wird deine Bilder automatisch zuschneiden.

Auf der Seite Medieneinstellungen gibt es Größen für „Thumbnails“, „mittel“ und „groß“. Du kannst die Pixelanzahl für jedes von ihnen nach Bedarf aktualisieren.

Vergiss aber nicht, auf „Änderungen speichern“ unten auf der Seite zu klicken, wenn du die Größen aktualisierst.

Hier sind die Standard-Größenoptionen:

  • Thumbnails – 150 px x 150 px
  • Mittel – 600 px x 600 px
  • Groß – 1024 px x 1024 px

Denke daran, dass das Theme, das du verwendest, bestimmte Größen für Bilder haben kann, die die Optionen auf der Seite Medieneinstellungen überschreiben. Wenn du zu einem neuen Theme wechselst, werden die Einstellungen auf die Größen aktualisiert, die das neue Theme eingestellt hat.

Ältere Bilder, die du zuvor hochgeladen hast, sind davon jedoch nicht betroffen.

An dieser Stelle werden die Dinge etwas klebrig. Du musst in der Lage sein, die Größe aller Bilder, die du zuvor hochgeladen hast, an die neu eingestellten Bildgrößen anzupassen. Leider gibt es dafür keine Einstellungen.

Die Lösung ist das, was als „Thumbnails regenerieren“ bezeichnet wird.

Wie ändere ich die Größe der Thumbnails in WordPress? (3 Methoden)

Bevor du erkundigst, wie man Thumbnails in WordPress regeneriert, solltest du wissen, wie du die Größe der Bilder im WordPress Dashboard verändern kannst.

Was vielleicht noch wichtiger ist, ist, dass diese Lösungen nicht notwendigerweise die Größe deiner älteren Bilder ändern, so dass du immer noch zu WordPress gehen, die Thumbnails ohne die Hilfe eines Plugins regenerieren oder anderweitig ein Plugin verwenden musst.

Wenn du die Größe eines Miniaturbildes oder eines Bildes ändern möchtest, gibt es drei Hauptmöglichkeiten, um es zu tun:

1. Ändern der Bildgrößen in deinem Theme

Da dein WordPress Theme die Standardbildgrößen verändern kann, kannst du wählen, ob du das Theme wechseln möchtest oder ob es Einstellungen gibt, die spezifisch für die Anpassung der Bildgrößen sind.

Jedes Theme ist anders, also schaue in der entsprechenden Dokumentation nach, ob es eine Möglichkeit gibt, die Bildgrößen deines Themes zu ändern, ohne ein ganz anderes Theme zu installieren.

Alternativ könnt ihr auch ein Child Theme erstellen und die Bildgrößen mit PHP-Code ändern.

2. Bilder in der Medienbibliothek beschneiden

Eine andere Möglichkeit ist, die Größe deiner Bilder zu ändern, indem du sie in der Medienbibliothek beschneidest.

Schritt1

Gehe zu Medien > Bibliothek im WordPress Admin Dashboard.

Du kannst die Bildgrößen in der Medienbibliothek ändern.
Du kannst die Bildgrößen in der Medienbibliothek ändern.

Klicke dann auf ein aufgelistetes Bild, dessen Größe du ändern möchtest.

Klicke in dem Pop-Over auf die Schaltfläche Bild bearbeiten.

Klicke auf den Knopf unter dem Bild, um es zu bearbeiten.
Klicke auf den Knopf unter dem Bild, um es zu bearbeiten.

Schritt 2

Danach hast du mehrere Möglichkeiten, das Bild zu bearbeiten.

Du kannst auf das Bild klicken und deine Maus über das Bild ziehen und loslassen, wenn du den Bereich ausgewählt hast, den du behalten möchtest. Dann kannst du auf Zuschneiden klicken.

Wenn du das Bild genau zuschneiden möchtest, kannst du das Seitenverhältnis anpassen, indem du das gewünschte Verhältnis eingibst.

Zum Beispiel kannst du 1:1 verwenden, um ein Quadrat zu erstellen, oder du kannst 4:3, 16:9 und jedes andere gewünschte Verhältnis verwenden.

Halte dann die Umschalttaste gedrückt, während du mit der Maus über das Bild ziehst. Lass los, wenn du den Teil des Bildes ausgewählt hast, den du behalten möchtest. Du kannst es anklicken und die Auswahl verschieben, damit du genau den Teil des Bildes zuschneiden kannst, den du brauchst.

Du kannst auch die Ecken der Auswahl anklicken und ziehen, wenn du zunächst nicht die Größe des Bildes bekommen hast, die du wolltest.

Oder du kannst eine Auswahl treffen und dann die genaue Größe des gewünschten Bildes in Pixeln in das Auswahlfeld unter „Bildausschnitt“ auf der rechten Seite eingeben.

Wenn du fertig bist, klicke auf Zuschneiden und dann auf die Schaltfläche Speichern.

Schritt 3

Wenn du lieber die Größe des Bildes ändern möchtest, anstatt es zuzuschneiden, kannst du es in den Einstellungen rechts skalieren.

Gib die gewünschte Größe des Bildes ein und klicke dann auf Skalieren.

Du hast mehrere Optionen zur Verfügung, um die Größe deines Bildes zu verändern.
Du hast mehrere Optionen zur Verfügung, um die Größe deines Bildes zu verändern.

Schrtitt 4

Außerdem kannst du unter Thumbnail Einstellungen auswählen, auf welche Standardbildgrößen deine Änderungen angewendet werden sollen.

Du kannst wählen, auf welche deine Anpassungen angewendet werden sollen:

  • Alle Bildgrößen
  • Vorschaubilder
  • Alle Größen außer Thumbnails

3. Größenänderung der Bilder in den Medieneinstellungen

Das ist hilfreich, wenn du nur ein oder zwei Bilder bearbeiten musst, aber wenn du die Größe aller Bilder ändern möchtest, ist es am besten, dies über die Einstellungsseite zu tun.

Schritt 1

Gehe in deinem Admin Dashboard auf Einstellungen > Medien.

Du kannst die Standardbildgrößen auf der Seite Medieneinstellungen anpassen.
Du kannst die Standardbildgrößen auf der Seite Medieneinstellungen anpassen.

Schritt 2

Gib die neuen Dimensionen ein, die du für alle Thumbnails, mittleren oder großen Bilder haben möchtest. Gib deine gewünschte Breite und Höhe für nur einen Bildtyp oder alle Bilder ein, je nach Bedarf.

Wenn du die Größe der Thumbnails auf eine Größe ändern möchtest, die nicht proportional ist, aktiviere das Kontrollkästchen Thumbnails auf exakte Maße zuschneiden unter dem Abschnitt Thumbnailgröße.

Schritt 3

Dann kannst du das Kästchen „Meine Uploads in monats- und jahresbasierten Ordnern organisieren“ aktivieren, wenn du nicht möchtest, dass all deine neuen Bilder im Upload-Ordner unorganisiert sind.

Wenn du mit deinen Einstellungen zufrieden bist, klicke auf die Schaltfläche Änderungen speichern unten auf der Seite

Wie man Thumbnails in WordPress regeneriert

Nachdem du diese Einstellungen geändert oder das Theme gewechselt hast, musst du, wie bereits erwähnt, deine Thumbnails neu generieren, wenn die Bilder auf deiner öffentlich zugänglichen Webseite nicht aktualisiert wurden.

Eine der einfachsten Möglichkeiten ist das kostenlose WordPress Plugin Regenerate Thumbnails, mit dem du deine zuvor hochgeladenen Bilder schnell reparieren kannst.

Dieses Plugin ist auch mit WooCommerce kompatibel.

Schritt 1

Um zu starten, installiere und aktiviere das Plugin Thumbnails regenerieren.

Dann gehst du zu Tools > Thumbnails regenerieren, die Einstellungen für WordPress-Bilder findest du hier.

Du kannst Thumbnails, mittlere und große Bilder regenerieren.
Du kannst Thumbnails, mittlere und große Bilder regenerieren.

Schritt 2

Standardmäßig ist die Option Vorhandene Miniaturen in der richtigen Größe überspringen aktiviert. Deaktiviere dieses Kästchen, um das Plugin „Thumbnails regenerieren“ zu verwenden, um alle deine Bilder anzupassen.

Aber lass es angekreuzt, wenn du die Ressourcen deines Servers sparen willst.

Dies wird empfohlen, wenn du bereits einige deiner Bildgrößen aktualisiert hast, z.B. durch dein Theme. Du kannst auch das Kästchen unter dieser Option ankreuzen, um Thumbnail-Dateien für alte unregistrierte Größen zu löschen. Wenn du es auswählst, wird Platz auf deinem Server frei.

Stelle sicher, dass du diese Bilder nicht brauchst, bevor du diese Einstellung wählst. Wenn einige der Bilder auf deiner Webseite verwendet werden und du diese Option wählst, werden sie gelöscht und nicht mehr auf deiner Webseite angezeigt. Besucher werden ein kaputtes Bild sehen.

Möglicherweise siehst du auch die Checkbox Update the content of posts to use the new sizes, die du auswählen kannst, wenn du willst, dass die Bilder, die du gerade in deinen Beiträgen verwendest, aktualisiert werden.

Schritt 3

Nachdem du die gewünschten Optionen ausgewählt hast, klicke auf die Schaltfläche zum Regenerieren der Thumbnails, mittlere, große und neue Dateigrößen eingeschlossen.

Warte dann, bis der Vorgang abgeschlossen ist. Je nachdem, wie viele Bilder du auf deiner Webseite hast, kann das eine Weile dauern, also schnapp dir einen Kaffee oder ein Glas Wasser, während du wartest. Bei größeren Webseiten auf einem Hochleistungsserver dauert es normalerweise nur ein paar Minuten.

Wenn der Prozess abgeschlossen ist, wirst du die Meldung „Alles fertig!

Das war’s dann.

Deine Thumbnails und Bilder sollten jetzt regeneriert werden.

Wie man die Regeneration von Thumbnails erzwingt

Alternativ kannst du auch das Force Regenerate Thumbnails Plugin benutzen. Wie der Name schon sagt, treibt es die Regeneration der Thumbnails voran, indem es alte Bildgrößen löscht, so dass WordPress gezwungen ist, die Bilder zu regenerieren. Dieses Plugin ist auch mit WooCommerce Online-Shops kompatibel.

Denkt daran, dass dieses Plugin zum Zeitpunkt der Veröffentlichung nicht für die letzten 3 Hauptversionen aktualisiert wurde, also benutzt es mit Vorsicht. Stelle sicher, dass du es in einer Staging– oder lokalen Testumgebung testest, bevor du es auf deiner Live-Webseite benutzt.

Der Grund, warum du dieses Plugin über das Plugin „Thumbnails regenerieren“ verwenden solltest, ist, dass letzteres nur die Größe der Bilder anpasst, es löscht nicht die alten Bildgrößen, es sei denn, du aktivierst diese Option.

Aber, wenn du Probleme damit hast, kannst du es mit Force Regenerate Thumbnails versuchen.

Schritt 1

Um WordPress zu zwingen, Thumbnails zu regenerieren, installiere und aktiviere das Plugin „Force Regenerate Thumbnails“.

Gehe dann im WordPress-Administrator-Dashboard auf Tools > Regeneration der Miniaturansichten erzwingen.

Du kannst die Miniaturbilder mit einem Klick zwangsweise generieren lassen.
Du kannst die Miniaturbilder mit einem Klick zwangsweise generieren lassen.

Schritt 2

Um alle Bilder in der alten Größe zu löschen und WordPress zu zwingen, die Miniaturen neu zu generieren, klicke auf die Schaltfläche Alle Miniaturen neu generieren.

Warte eine Weile und deine Bilder werden in der Größe verändert. Wenn du eine kleinere Webseite hast, dauert das praktisch überhaupt nicht lange, aber bei größeren Webseiten mit vielen Bildern kann das ein paar Minuten dauern.

Spezifische Bilder regenerieren

Es könnte Anwendungsfälle geben, in denen du nicht alle deine Thumbnails neu generieren musst, sondern nur einige bestimmte. Wenn das Plugin „Thumbnails regenerieren“ noch installiert ist, kannst du das auch tun. Und so geht’s.

Schritt 1

Gehe zu Medien > Bibliothek. Klicke in der Gitteransicht auf ein bestimmtes Bild.

Standardmäßig befindet sich die Medienbibliothek in der Gitteransicht.
Standardmäßig befindet sich die Medienbibliothek in der Gitteransicht.

Schritt 2

Klicke dann auf der rechten Seite auf die Schaltfläche Thumbnails regenerieren.

Du kannst die Miniaturbilder in den Anhangsdetails regenerieren.
Du kannst die Miniaturbilder in den Anhangsdetails regenerieren.

Wenn du dir die Medienbibliothek in der Listenansicht ansiehst, klicke auf den Link Miniaturbilder regenerieren, nachdem du mit der Maus über das Bild gefahren bist, das du regenerieren möchtest.

Klicke auf den Link, um die Thumbnails in der Listenansicht zu regenerieren.
Klicke auf den Link, um die Thumbnails in der Listenansicht zu regenerieren.

Thumbnails regenerieren mit WP-CLI

Wenn du es vorziehst, kein Plugin zu benutzen, gibt es eine andere Lösung für WordPress: Regeneriere die Thumbnails ohne Plugin, indem du dies manuell mit WP-CLI machst.

Denke daran, dass du für diese Option Zugriff auf die Kommandozeile auf deinem Server haben musst.

Thumbnails mit WP-CLI zu regenerieren ist eine weitaus bessere Option als mit einem WordPress-Plugin, weil es schneller ist und keinen HTTP-Beschränkungen und Timeouts unterliegt.

Der Grundbefehl zum Regenerieren der Thumbnails ist weiter unten:

wp media regenerate

Nachdem du es eingegeben hast, bestätige, dass du alle Thumbnails neu generieren willst, indem du den Buchstaben „y“ für „ja“ auf deiner Tastatur drückst.

Alle Thumbnails regenerieren mit WP-CLI

Sobald du die Kommandozeile angeheizt hast, kannst du folgenden Befehl eingeben, damit WordPress die Thumbnails ohne Plugin in wenigen Sekunden neu generiert:

wp media regenerate --yes

Mit diesem Befehl werden die Thumbnails neu generiert, ohne dass du es manuell bestätigen musst.

Spezifische Thumbnails mit WP-CLI regenerieren

Du hast auch die Möglichkeit, bestimmte Thumbnails mit WP-CLI und den IDs der Bilder, die du aktualisieren möchtest, neu zu generieren.

Hier ist der Befehl, um das zu tun:

wp media regenerate 12 34 567

Ersetze einfach die drei Beispiel-IDs – „12“, „34“ und „567“ – mit den tatsächlichen IDs der spezifischen Bilder, die du regenerieren möchtest.

Du kannst so viele IDs einfügen, wie du willst. Achte nur darauf, dass du jede von ihnen mit einem Leerzeichen trennst.

Zusammenfassung

Es kann frustrierend sein zu sehen, dass deine Bilder nicht richtig angezeigt werden, wenn du das Theme wechselst.

Glücklicherweise gibt es zwei schnelle Lösungen für WordPress. Mit Hilfe des Plugins Thumbnails regenerieren ist es mit wenigen Klicks erledigt. Oder du könntest WP-CLI verwenden, um in kürzerer Zeit fertig zu werden, als es dauert, einen Kaffee zu machen.

Brian Li

Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.