Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Zuschneiden und Bearbeiten von WordPress Post Thumbnails

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.

How to Crop and Edit WordPress Post Thumbnails

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.

Click on the Featured Image While Editing the Post

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“.

Click on the 'Edit Image' Link

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.

The WordPress 'Edit Image' Page

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.

Choose to Apply Changes to Thumbnails, Other Image Sizes, or Both

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.

Drag the Crop Handles to Select an Area

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.

Click the 'Crop' Button Again to Crop the Image

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.

Select the Aspect Ratio for Cropping

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.

Scaling an Image

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.

Rotating an Image

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.

Flipping an Image Horizontally

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.

Flipping an Image Vertically

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“.

Click the Disclosure Triangle to Reveal the 'Restore Image' Button

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.

Click The 'Restore Image' Button

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.

Cropping an Image With 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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

9 KommentareEine Antwort hinterlassen

  1. 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!

  2. Javier

    It is possible to do this without a plugin?

  3. 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.

  4. 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. :-)

  5. 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!!

  6. 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.)

  7. Donovan

    Is there any way to modify the default image size options on the plugin?

  8. Umer

    Hi i want To Add A little image On thumbnail on top right Corner on homepage,….
    can you help me..

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.