WordPress schneidet Beitrags-Vorschaubilder manchmal so zu, dass sie nicht gut aussehen. Beim automatischen Zuschneiden können wichtige Teile des Bildes abgeschnitten werden. Durch manuelles Zuschneiden und Bearbeiten der Vorschaubilder können Sie bessere Bilder erstellen.
In diesem Leitfaden zeigen wir Ihnen, wie Sie Beitrags-Vorschaubilder in WordPress zuschneiden und bearbeiten können. Mit diesen Tipps können Sie sicherstellen, dass Ihre Bilder auf Ihrer Website perfekt aussehen.
Mit der manuellen Bearbeitung können Sie den Fokus und die Zusammensetzung Ihrer Vorschaubilder steuern. Auf diese Weise sehen Ihre Inhalte immer optimal aus.
Warum beschneiden und bearbeiten WordPress Post Thumbnails oder Featured Images?
Das Hinzufügen eines Vorschaubildes oder eines Hervorgehobenen Beitragsbildes ist der einfachste Weg, um einen neuen Beitrag ansprechender zu gestalten. Unserer Erfahrung nach hat ein gut beschnittenes und richtig bearbeitetes Vorschaubild einen großen Einfluss auf das Engagement der Benutzer.
Die meisten WordPress Themes unterstützen Funktionen für hervorgehobene Beitragsbilder und zeigen diese auf Ihrer Website an. Detaillierte Schritte finden Sie in unserer Expertenanleitung zum Hinzufügen von Hervorgehobenen Beiträgen oder Beitrags-Vorschaubildern in WordPress.
Je nach Theme schneidet WordPress das Beitrags-Vorschaubild automatisch zu, wobei manchmal wesentliche Teile abgeschnitten werden und ein schlechter Eindruck entsteht. Aufgrund unserer umfangreichen Erfahrung empfehlen wir das manuelle Zuschneiden, um die besten Ergebnisse zu erzielen.
Lassen Sie uns herausfinden, wie Sie die Beitrags-Vorschaubilder Ihrer WordPress-Beiträge manuell zuschneiden können. Wir werden auch fortgeschrittene Tipps für die effektive Bearbeitung von Vorschaubildern geben.
Zuschneiden und Bearbeiten von Post-Thumbnails in WordPress
Wussten Sie, dass Sie in WordPress einfache Bildbearbeitungen vornehmen können? Die WordPress-Funktion „Bild bearbeiten“ ermöglicht es Ihnen, Bilder zu beschneiden, zu drehen, zu spiegeln und zu skalieren.
Das ist praktisch für schnelle Bearbeitungen, vor allem, wenn Sie nicht auf die leistungsfähigere Bildbearbeitungssoftware auf Ihrem Hauptcomputer zugreifen können.
Öffnen Sie zunächst den Beitrag mit dem Vorschaubild, das Sie bearbeiten möchten. Scrollen Sie auf der rechten Seite zum Feld Hervorgehobenes Bild und klicken Sie auf das Bild.
Dadurch wird die WordPress-Mediathek mit dem ausgewählten Bild geöffnet. Auf der rechten Seite befindet sich ein Bereich, in dem Sie einen Alt-Text, einen Titel, eine Beschriftung und eine Beschreibung für Ihr Bild hinzufügen können.
Sie finden auch einen Link „Bild bearbeiten“ oben unter „Details zum Anhang“.
Wenn Sie auf diesen Link klicken, werden Sie zur Seite „Bild bearbeiten“ weitergeleitet.
Hier finden Sie eine Vorschau des Bildes, Buttons zum Zuschneiden und Bearbeiten des Bildes und verschiedene andere nützliche Optionen zum Skalieren oder Zuschneiden des Bildes.
Als erstes sollten Sie sich den Abschnitt „Miniaturansicht-Einstellungen“ ansehen. Hier können Sie auswählen, ob Ihre Änderungen für alle Bildgrößen, nur für die Miniaturansicht oder für alle Größen außer der Miniaturansicht gelten sollen.
Denken Sie daran, dass diese Thumbnail-Einstellung für die kleinste Bildgröße gilt, die von WordPress für dieses Bild erstellt wird, z. B. wenn Sie den Block „Neueste Beiträge“ verwenden. Es ist nicht dasselbe wie das Featured Image oder das Post-Thumbnail.
Mit diesen Einstellungen ist es möglich, eine Version des Bildes für Ihr Featured Image oder Post Thumbnail und eine andere für das kleine Thumbnail zu erstellen.
In diesem Tutorial werden wir die Standardoption „Alle Bildgrößen“ verwenden.
Beschneiden von WordPress Post-Thumbnails
Um das Bild zuzuschneiden, müssen Sie auf die Schaltfläche „Zuschneiden“ am oberen Rand des Bildschirms klicken.
An jeder Ecke und jedem Rand des Bildes sehen Sie nun Griffe. Sie können diese Griffe ziehen, um den Teil des Bildes auszuwählen, der nach dem Zuschneiden erhalten bleiben soll.
Während Sie die Griffe ziehen, können Sie in den Feldern „Auswahl“ auf der rechten Seite unter „Bild zuschneiden“ sehen, auf welche Maße das Bild zugeschnitten wird.
Wenn Sie zufrieden sind, klicken Sie einfach erneut auf die Schaltfläche „Zuschneiden“, um das Bild zuzuschneiden.
Ein häufiger Grund für das Zuschneiden eines Beitragsminiaturbildes in WordPress ist, dass Sie sicherstellen möchten, dass es das richtige Seitenverhältnis für Ihr Thema hat, z. B. 1:1 (quadratisch) oder 16:9. Sie können die „Seitenverhältnis“-Einstellungen verwenden, um die Auswahl eines Bereichs mit dem richtigen Verhältnis zu erleichtern.
Sie geben einfach das gewünschte Seitenverhältnis ein, und Ihre Auswahl wird in diesem Verhältnis beibehalten.
Wir geben zum Beispiel ein Seitenverhältnis von 1:1 ein, um ein quadratisches Bild zu erhalten. Wenn Sie die Maus über das Bild ziehen, wird die Form immer quadratisch sein.
Wenn Sie mit der Auswahl zufrieden sind, klicken Sie erneut auf die Schaltfläche „Zuschneiden“.
Danach müssen Sie auf die Schaltfläche „Speichern“ klicken, um das geänderte Bild zu speichern.
Skalierung von WordPress Post Thumbnails
Es ist wichtig, dass Sie keine zu großen Bilder verwenden, da sie sonst die Leistung Ihrer Website beeinträchtigen. Weitere Informationen finden Sie in unserem Leitfaden zur Optimierung von Bildern für die Web-Performance.
Wenn Sie ein Foto von Ihrem Handy oder einer Digitalkamera importieren, hat es eine sehr hohe Auflösung. Wenn Sie die Abmessungen auf ein vernünftiges Maß reduzieren, wird es schneller geladen.
Unser Bild hat eine Auflösung von 2560×1637 Pixeln, was größer ist, als wir für ein Beitrags-Vorschaubild benötigen. Durch Eingabe in das erste Feld „Bild skalieren“ können wir es jedoch auf eine Breite von 1200 Pixeln reduzieren.
Beachten Sie, dass sich die Höhe des Bildes automatisch ändert, um die Proportionen des Bildes beizubehalten.
Klicken Sie dann auf den Button „Skalieren“, um die Auflösung des Bildes zu ändern. Vergessen Sie nicht, auf den Button „Speichern“ zu klicken, um Ihre Änderungen zu speichern.
Beachten Sie, dass Sie ein Bild in WordPress nur verkleinern können. Sie können Bilder nicht größer machen, indem Sie die Bildgröße erhöhen.
Sie können jedoch auch andere Bildbearbeitungsprogramme verwenden, um ein Bild ohne Qualitätsverlust zu vergrößern.
Rotierende WordPress Post-Thumbnails
Wenn Ihr Beitrags-Thumbnail falsch aussieht, weil es seitlich gedreht ist, können Sie es mit dem WordPress-Bildeditor korrigieren.
Hier finden Sie zwei Schaltflächen zum Drehen Ihres Bildes. Mit „Nach links drehen“ wird das Bild gegen den Uhrzeigersinn gedreht, mit „Nach rechts drehen“ im Uhrzeigersinn.
Klicken Sie unbedingt auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.
Umdrehen von WordPress Post Thumbnails
Sie können Ihr Bild auch spiegeln. Dies ist zum Beispiel nützlich, wenn eine Schrift auf einem Bild seitenverkehrt erscheint.
Wenn Sie auf die Schaltfläche „Horizontal spiegeln“ klicken, wird sofort ein Spiegelbild erstellt.
Wenn Sie auf die Schaltfläche „Vertikal spiegeln“ klicken, wird das Bild auf den Kopf gestellt.
Wenn Sie fertig sind, können Sie Ihre Änderungen speichern, indem Sie auf den Button „Speichern“ klicken.
Wiederherstellung von WordPress Post Thumbnails
WordPress behält eine Kopie des Originalbildes, wenn Sie Änderungen an einem Bild speichern. Sie können dieses Bild jederzeit wiederherstellen.
Kehren Sie einfach zum WordPress-Bildschirm „Bild bearbeiten“ zurück, und Sie sehen ein neues Feld mit der Bezeichnung „Originalbild wiederherstellen“.
Klicken Sie auf die Schaltfläche mit dem Pfeil nach unten, um diesen Bereich zu erweitern. Sie sehen nun eine Schaltfläche mit der Bezeichnung „Bild wiederherstellen“.
Wenn Sie auf diese Schaltfläche klicken, werden alle Ihre Änderungen verworfen und das ursprüngliche Bild wird wiederhergestellt.
Sie brauchen Ihre Änderungen in diesem Fall nicht zu speichern, da das Bild bereits wiederhergestellt wurde.
Zuschneiden und Bearbeiten von WordPress-Miniaturansichten auf Ihrem Computer
Der WordPress-Bildeditor ist zwar praktisch, aber normalerweise ist es einfacher, das Bild mit einer Bildbearbeitungssoftware eines Drittanbieters auf Ihrem Computer zuzuschneiden und zu bearbeiten.
Adobe Photoshop ist eine hochwertige Software zur Erstellung und Bearbeitung von Bildern.
Für die Bearbeitung eines Beitrags-Vorschaubilds ist es mehr als nötig, aber es ist eine gute Option, wenn Sie mit dem Programm vertraut sind und es bereits auf Ihrem Computer installiert ist.
Alternativ können Sie auch eine der vielen günstigen Photoshop-Alternativen verwenden. Affinity Photo, Pixelmator Pro und GIMP bieten alle umfassende Werkzeuge zum Zuschneiden und Bearbeiten von Bildern.
Eine dritte Möglichkeit ist die Verwendung eines Fotobetrachters. Diese Anwendungen sind einfach zu bedienen und verfügen oft über grundlegende Zuschneide- und Bearbeitungsfunktionen. Einige gute kostenlose Optionen sind:
- Irfanview für Windows (kostenlos)
- DieFotos-App ist in das Windows-Betriebssystem integriert (kostenlos).
- Apple Fotos für Mac (kostenlos mit MacOS)
Obwohl diese Werkzeuge ähnlich sind, funktionieren sie auf unterschiedliche Weise. Sobald Sie sich für eine Anwendung entschieden haben, müssen Sie sich mit deren Werkzeugen vertraut machen.
Hier ist zum Beispiel ein Screenshot der Verwendung des Beschneidungswerkzeugs von Affinity Paint.
Erstellen von Blogpost-Miniaturansichten und hervorgehobenen Bildern von Grund auf
Viele Anfänger haben Schwierigkeiten, Bilder zu finden, die sie in ihren Blogs verwenden können.
Sie können nicht einfach Bilder aus der Google-Suche herunterladen, da diese Bilder möglicherweise urheberrechtlich geschützt sind und Sie damit die Rechte des Urhebers verletzen könnten.
Glücklicherweise gibt es mehrere Stellen, an denen Sie urheberrechtsfreie Bilder finden können.
Wenn Sie ein Bild gefunden haben, können Sie es auf Ihrem Computer so bearbeiten, dass es in die Größe des Bildes passt, das in Ihrem Thema angezeigt wird.
Alternativ können Sie auch KI-Werkzeuge verwenden , um Bilder für Ihre Beiträge und hervorgehobenen Beiträge zu generieren.
Weitere Informationen finden Sie in unserer Auswahl der besten Werkzeuge, mit denen Sie bessere Bilder für Ihre Beiträge erstellen können (viele sind kostenlos).
Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie man WordPress Post-Thumbnails zuschneidet und bearbeitet. Vielleicht möchten Sie auch erfahren, wie Sie ein Kontaktformular in WordPress erstellen oder sich unsere Liste der besten Social Media Plugins ansehen.
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Javier
It is possible to do this without a plugin?
WPBeginner Support
If you would like to do it before you upload to WordPress, you could use an image editor such as one from our list here: https://www.wpbeginner.com/showcase/tools-to-create-better-images-for-your-blog-posts/
Admin
NIcole
This might be so dumb but, I have a image that is showing when I type my website it is a image I use to tell possible clients I am a member of this elite group. However I would so much rather have a image I took when I type out my website. I am with word press and could use guidance please.
Rosa Bosma
Yay! Thank you so much! This is exactly what I’ve been looking for, since yesterday. I’m very grateful – the plugin does a perfect job.
Gurpreet
Hi,
Love that this plugin exists however, I’m still unsure how to determine how to change the image being used for the featured image on the home page.
Help?
Thank ou!!
Deb
I downloaded, but when I crop, I’m only seeing a „crop“ button; not a „crop and save“ … did I miss something? (thanks in advance for whatever insight you might have.)
Donovan
Is there any way to modify the default image size options on the plugin?
Umer
Hi i want To Add A little image On thumbnail on top right Corner on homepage,….
can you help me..