Wie bearbeite und ändere ich Bilder in WordPress? Kurzanleitung

Veröffentlicht: 2024-08-29

Fragen Sie sich, wie Sie Bilder in WordPress bearbeiten und in der Größe ändern können? Wir helfen Ihnen dabei.

Die Anzeige von Bildern, Infografiken oder visuellen Darstellungen ist eine wirksame Möglichkeit, Ihre Besucher anzusprechen und ihnen Ihre Geschichte zu erzählen. Allerdings ist die Verwendung des richtigen Bildes nur die halbe Miete; Die effektive Darstellung Ihrer Bilder ist die andere Hälfte, die Sie berücksichtigen müssen, um die besten Ergebnisse zu erzielen.

Die gute Nachricht ist, dass es nicht so schwierig ist, wie es scheint. WordPress bietet einfache Tools zum Bearbeiten Ihrer Bilder direkt auf der Seite oder im Beitrag.

Sie können die Größe von Bildern ganz einfach ändern, sie zuschneiden, benutzerdefinierte Auflösungen auswählen, sie nach Ihren Wünschen ausrichten und sie für Suchmaschinen und WooCommerce-Produktseiten optimieren.

In diesem Beitrag zeigen wir Ihnen, wie Sie Bilder in WordPress mit den besten und einfachsten Methoden bearbeiten und in der Größe ändern, sowie weitere nützliche Tipps und Tricks. Also ohne weitere Umschweife, fangen wir an.


Inhaltsverzeichnis
Wie bearbeitet man Bilder in WordPress?
Zusammenfassung

Wie bearbeitet man Bilder in WordPress?

Es gibt einige interessante und unterschiedliche Möglichkeiten, Bilder in WordPress zu bearbeiten. Schauen wir sie uns einzeln an.

  • Wie skaliere oder ändere ich Bilder in WordPress?
  • Wie beschneide ich ein Bild in WordPress?
  • Wie dreht man ein Bild in WordPress?
  • Wie spiegele ich ein Bild in WordPress um?
  • Wie stelle ich die Ausrichtung eines Bildes in WordPress ein?
  • Wie kann ich die Größe von Massenbildern in WordPress ändern?
  • Wie bearbeite und ändere ich Bilder in Woocommerce?
  • Wie kann ich Bilder in ihrer Originalversion wiederherstellen?

1. Wie skaliere oder ändere ich Bilder in WordPress?

Das Skalieren oder Ändern der Größe von Bildern in WordPress ist eine effektive Möglichkeit zur Optimierung für Suchmaschinen. Kleinere Bilder werden schneller geladen, was die Ladezeit verkürzt, was sich positiv auf die Suchmaschinenoptimierung auswirkt.

Während ein bis zwei Bilder möglicherweise keine nennenswerten Auswirkungen haben, können Seiten oder Beiträge mit vielen Bildern die Reaktionszeit des Servers und damit die wichtigsten Webfunktionen erheblich beeinträchtigen.

Darüber hinaus kann die Größenänderung von Bildern zu Gestaltungszwecken verwendet werden, um die visuelle Attraktivität Ihrer Seite oder Ihres Beitrags zu verbessern.

Hier sind die Schritte dazu:

Schritt 1: Gehen Sie zur Medienbibliothek: Navigieren Sie in Ihrem WordPress-Dashboard zu MedienBibliothek . Hier werden alle Ihre hochgeladenen Bilder und Mediendateien gespeichert.

Schritt 2: Bild auswählen oder hochladen: Wenn Sie ein Bild haben, dessen Größe Sie ändern möchten, klicken Sie darauf. Wenn nicht, können Sie ein neues hochladen, indem Sie auf die Schaltfläche „Neu hinzufügen“ klicken.

Schritt 3: Bearbeiten Sie das Bild: Sobald das Bild ausgewählt ist, klicken Sie auf Bild bearbeiten . Dadurch wird der Bildbearbeitungsbildschirm geöffnet, in dem Sie Änderungen an der Größe und anderen Eigenschaften vornehmen können.

Schritt 4: Größe des Bildes ändern: Suchen Sie nach dem Skalierungssymbol . Hier können Sie die neue gewünschte Breite und Höhe für das Bild eingeben. Dies ist nützlich, wenn Sie bestimmte Abmessungen benötigen. Nachdem Sie die neue Größe eingegeben haben, klicken Sie auf „Skalieren“ , um die Größe des Bildes zu ändern.

Scaling or resizing images in WordPress
Skalieren oder Ändern der Größe von Bildern in WordPress

Schritt 5: Verwenden Sie das Bild mit geänderter Größe: Um die Version mit geänderter Größe zu verwenden, gehen Sie zurück zu Ihrer Medienbibliothek und wählen Sie das Bild erneut aus. Sie können die Datei-URL kopieren, die den direkten Link zum Bild darstellt.

Schritt 6: Fügen Sie das Bild auf Ihrer Website ein: Sie können die URL an der Stelle einfügen, an der Sie das Bild auf Ihrer Website anzeigen möchten, z. B. in einem Beitrag oder auf einer Seite. Alternativ können Sie das in der Größe geänderte Bild einfach wieder in einen Bildblock einfügen, wenn Sie eine Seite oder einen Beitrag bearbeiten.


2. Wie schneide ich ein Bild in WordPress zu?

Das Zuschneiden eines Bildes unterscheidet sich grundlegend von der Größenänderung. Sie schneiden die unwichtigen Bereiche aus, um die Aufmerksamkeit auf den wichtigsten Teil des Bildes zu lenken.

Hier sind die Schritte dazu:

Schritt 1: Greifen Sie auf die Medienbibliothek zu: Navigieren Sie zunächst in Ihrem WordPress-Dashboard zu Medien → Bibliothek . Hier können Sie alle Ihre hochgeladenen Bilder und anderen Mediendateien anzeigen.

Schritt 2: Wählen Sie Ihr Bild aus oder laden Sie es hoch: Wenn Sie ein Bild bereit haben, das Sie zuschneiden möchten, klicken Sie darauf, um die Bearbeitungsoptionen zu öffnen. Wenn Sie ein neues Bild verwenden müssen, klicken Sie auf „Neu hinzufügen“ , um es in Ihre Medienbibliothek hochzuladen.

Schritt 3: Bearbeiten Sie das Bild: Sobald Ihr Bild ausgewählt ist, klicken Sie auf die Schaltfläche „Bild bearbeiten“ . Dadurch werden die Bildbearbeitungswerkzeuge aufgerufen.

cropping an image in WordPress
Zuschneiden eines Bildes in WordPress

Schritt 4: Bild zuschneiden: Um das Bild zuzuschneiden, klicken Sie auf das Symbol „Zuschneiden“ in der Bearbeitungssymbolleiste. Jetzt können Sie mit der Maus über das Bild klicken und es ziehen, um den Bereich auszuwählen, den Sie behalten möchten. Die Bereiche außerhalb Ihrer Auswahl werden entfernt, sodass Sie sich auf die wichtigsten Teile des Bildes konzentrieren können.

Schritt 5 : Anpassen und Zuschneiden anwenden : Wenn Sie die Auswahl anpassen müssen, ziehen Sie einfach die Ränder des Zuschneidefelds, bis Sie mit der Auswahl zufrieden sind. Wenn Sie zufrieden sind, klicken Sie erneut auf „Zuschneiden“ , um den Zuschnitt auf Ihr Bild anzuwenden.

Schritt 6: Speichern Sie Ihre Änderungen: Klicken Sie abschließend auf die Schaltfläche „Speichern“ , um die zugeschnittene Version Ihres Bildes in Ihrer Medienbibliothek zu speichern. Ihr Bild kann jetzt überall auf Ihrer Website verwendet werden.


Lesen Sie: Wie ändert man die Bildgröße von WordPress?


3. Wie dreht man ein Bild in WordPress?

Hier ist eine weitere tolle Sache, die Sie mit Bildern machen können: Drehen Sie sie in jede gewünschte Richtung – im oder gegen den Uhrzeigersinn – und richten Sie sie so aus, dass sie am besten passen.

So können Sie es machen:

Schritt 1: Greifen Sie auf die Medienbibliothek zu: Gehen Sie in Ihrem WordPress-Dashboard zu MedienBibliothek . Dadurch werden alle Ihre hochgeladenen Bilder angezeigt.

Schritt 2. Wählen Sie das Bild aus und bearbeiten Sie es: Klicken Sie auf das Bild, das Sie drehen möchten, um es zu öffnen. Klicken Sie dann auf Bild bearbeiten, um mit der Bearbeitung zu beginnen.

Rotating an image in WordPress
Ein Bild in WordPress drehen

Schritt 3. Drehen Sie das Bild: Suchen Sie nach den Schaltflächen „Nach links drehen“ und „Nach rechts drehen“ . Klicken Sie auf „Nach links drehen“ , um Ihr Bild gegen den Uhrzeigersinn zu drehen, oder auf „Nach rechts drehen“ , um es im Uhrzeigersinn zu drehen. Bei jedem Klick wird das Bild um 90 Grad gedreht. Wenn Sie das Bild um 180 Grad drehen müssen, klicken Sie zweimal auf die Schaltfläche.

Schritt 4. Machen Sie alle Fehler rückgängig: Wenn Sie einen Fehler machen oder Ihre Meinung ändern, verwenden Sie die Schaltfläche „Rückgängig“ , um die letzte Aktion rückgängig zu machen. Dies hilft Ihnen, etwaige Fehler leicht zu korrigieren.

Undo mistakes while editing image in WordPress
Machen Sie Fehler beim Bearbeiten von Bildern in WordPress rückgängig

Schritt 5. Speichern Sie Ihre Änderungen : Nachdem Sie das Bild nach Ihren Wünschen gedreht haben, klicken Sie auf Speichern, um Ihre Änderungen beizubehalten.


WPOven

4. Wie spiegele ich ein Bild in WordPress um?

Sie haben auch die Möglichkeit, Bilder umzudrehen und ihnen ein künstlerisches Aussehen zu verleihen. Es hilft dabei, die Ausrichtung zu korrigieren, die Ästhetik zu verbessern und die Konsistenz des Designs sicherzustellen.

Es kann auch interessante visuelle Effekte erzeugen und die Produktpräsentation verbessern, indem es verschiedene Perspektiven für Ihren Online-Shop bietet.

Wenn Sie es ausprobieren möchten, befolgen Sie die folgenden Schritte:

Schritt 1. Greifen Sie auf die Medienbibliothek zu: Gehen Sie in Ihrem WordPress-Dashboard zu Medien → Bibliothek, um alle Ihre hochgeladenen Bilder anzuzeigen.

Schritt 2. Wählen Sie das Bild aus und bearbeiten Sie es: Klicken Sie auf das Bild, das Sie umdrehen möchten. Klicken Sie dann auf Bild bearbeiten, um die Bildbearbeitungsoptionen zu öffnen.

Schritt 3. Wählen Sie die Schaltfläche „Bilddrehung“ und entscheiden Sie, wie Sie das Bild spiegeln möchten:

Flipping an image in WordPress
Ein Bild in WordPress umdrehen

Vertikal spiegeln: Klicken Sie auf diese Option, um das Bild auf den Kopf zu stellen.

Horizontal spiegeln: Klicken Sie auf diese Option, um einen Spiegelbildeffekt zu erzeugen.

Schritt 4. Übernehmen und speichern: Überprüfen Sie Ihre Änderungen. Wenn Sie mit dem Aussehen des gespiegelten Bildes zufrieden sind, klicken Sie auf „Speichern“, um die neue Ausrichtung beizubehalten.


5. Wie stelle ich die Ausrichtung eines Bildes in WordPress ein?

Durch das Ausrichten von Bildern auf Ihrer Seite oder Ihren Beiträgen können Sie Bilder ästhetisch positionieren und so das visuelle Erscheinungsbild verbessern. Das Beste daran ist, dass es sehr einfach zu machen ist.

So können Sie es machen:

Schritt 1: Fügen Sie das Bild zu Ihrer Seite hinzu: Fügen Sie zunächst Ihr Foto mithilfe des Bildblocks in den Beitrag oder die Seite ein. Ziehen Sie das Bild einfach per Drag & Drop oder verwenden Sie die Schaltfläche „Bild hinzufügen“, um es hochzuladen.

Schritt 2: Ausrichtungsoptionen aufrufen: Klicken Sie auf das Bild, um es auszuwählen. Dadurch wird über dem Bildblock eine Symbolleiste mit verschiedenen Bearbeitungsoptionen angezeigt.

Schritt 3. Bildausrichtung festlegen : Klicken Sie in der Symbolleiste auf das Symbol „Ausrichten“ . Sie sehen Optionen zum Ausrichten des Bildes nach links, in der Mitte oder nach rechts. Wählen Sie die Ausrichtung, die am besten zu Ihrem Layout passt.

Aligning an image in WordPress
Ein Bild in WordPress ausrichten

Schritt 4. Bildbreite anpassen : Wenn Sie die Bildbreite ändern möchten, können Sie in derselben Symbolleiste auch „Volle Breite“ oder „Breite Breite“ auswählen. Dadurch wird angepasst, wie sich das Bild über die Seite erstreckt.


6. Wie kann ich die Größe von Massenbildern in WordPress ändern?

Wenn Sie Massenbilder in WordPress bearbeiten müssen, steht Ihnen leider keine Standardfunktion zur Verfügung. Dies bedeutet jedoch nicht, dass Sie dies nicht tun können – im WordPress-Repository sind mehrere Plugins verfügbar, die Ihnen dies ermöglichen.

Sie können Imsanity installieren, ein kostenloses Plugin, mit dem Sie die Größe von Bildern in großen Mengen ändern können. Hier erfahren Sie, wie Sie es tun können.

Schritt 1 : Gehen Sie zu Ihrem WordPress-Dashboard > Plugins > Plugin hinzufügen

Installing and Activating Imsanity Plugin
Installieren und Aktivieren des Imsanity-Plugins

Schritt 2: Suchen Sie nach dem Imsanity-Plugin. Wenn Sie es gefunden haben, klicken Sie auf „Installieren“ > „Aktivieren“.

Schritt 3: Gehen Sie nun zu Einstellungen > Imsanity und beginnen Sie mit der Größenänderung von Bildern in großen Mengen

Bulk editing images in WordPress
Massenbearbeitung von Bildern in WordPress

Hinweis: Bevor Sie die Größe aller Bilder auf Ihrer Website ändern, bedenken Sie, dass sich dadurch das Aussehen Ihrer Beiträge und Seiten ändern kann. Aus Sicherheitsgründen empfiehlt es sich, vor dem Start ein neues Backup Ihrer Website zu erstellen.


WPOven Dedicated Hosting

7. Wie bearbeite ich Bilder und ändere ihre Größe in Woocommerce?

Wenn Sie einen Online-Shop betreiben, der auf dem WooCommerce-Plugin basiert, können Sie Produktbilder ganz einfach bearbeiten, um Besucher anzulocken.

Hier sind vereinfachte Schritte für Anfänger, um zu lernen, wie sie WooCommerce-Produktbilder anpassen:

Schritt 1: Greifen Sie auf den WooCommerce Customizer zu

1. Melden Sie sich bei Ihrem WordPress-Dashboard an.

2. Gehen Sie zu „Darstellung“ > „ Anpassen“ .

3. Klicken Sie auf WooCommerce > Produktbilder .

Customizing product images in Woocommerce
Anpassen von Produktbildern in Woocommerce

Schritt 2 : Passen Sie die Bildeinstellungen an

  • Hauptbildbreite : Legen Sie die Breite für das Hauptproduktbild fest.
  • Miniaturbildbreite : Legen Sie die Breite für Produktminiaturansichten fest.
  • Wählen Sie aus, wie Bilder zugeschnitten werden :
    • Quadratisch : Macht Bilder perfekt quadratisch.
    • Benutzerdefiniert : Ermöglicht das Festlegen benutzerdefinierter Abmessungen.
    • Nicht zugeschnitten : Behält die ursprüngliche Bildgröße bei.

Schritt 3 : Automatische Größenänderung der Miniaturansichten

  • WooCommerce Version 3.3 und höher passt die Größe der Miniaturansichten automatisch an Ihre Einstellungen an.
Editing product images in WordPress
Produktbilder in WordPress bearbeiten

Schritt 4: Verwenden Sie ein Plugin zur Größenänderung von Miniaturansichten (optional)

  • Wenn Sie mehr Kontrolle benötigen, installieren Sie das Plugin Force Regenerate Thumbnails .
  • Gehen Sie zu Plugins > Neu hinzufügen und suchen Sie nach „Neugenerierung von Miniaturansichten erzwingen“.
  • Installieren und aktivieren Sie das Plugin.
  • Führen Sie das Plugin aus, um alle Miniaturansichten basierend auf Ihren neuen Einstellungen neu zu generieren.

Optionaler Schritt für fortgeschrittene Benutzer : Bildgrößen mit Code anpassen

  • Wenn Sie wissen, wie man programmiert, können Sie WooCommerce-Hooks verwenden, um die Bildgröße anzupassen.
  • Beispielsweise kann die Funktion wc_get_image_size verwendet werden, um Bildgrößendefinitionen zu ändern.

8. Wie kann ich Bilder in ihrer Originalversion wiederherstellen?

Während der Bildbearbeitung kann es vorkommen, dass Sie mit den Änderungen nicht zufrieden sind oder feststellen, dass Sie einen Fehler gemacht haben. In diesem Fall können Sie das Bild ganz einfach auf die ursprüngliche Version zurücksetzen.

Klicken Sie einfach auf die Schaltfläche „Bearbeitung abbrechen“ und das Bild wird in seinen ursprünglichen Zustand zurückversetzt.

Restoring images to its original version in WordPress
Wiederherstellen der Originalversion von Bildern in WordPress

Nachdem Sie nun wissen, wie Sie Bilder bearbeiten und in der Größe ändern, ist es wichtig, sie auch zu optimieren, um langsame Ladezeiten zu vermeiden, die für die Leistung Ihrer Website von entscheidender Bedeutung sind.

Aus diesem Grund haben wir mehrere andere Blogs über Bildoptimierungstechniken, die Sie ebenfalls lesen müssen.

  • Die 5 besten Bildoptimierungs-Plugins für verbesserte Website-Geschwindigkeit und SEO
  • Wie finde und füge ich Stock-Fotos hinzu, während ich an WordPress arbeite?
  • 22 beste Möglichkeiten, die WordPress-Leistung zu beschleunigen

Wenn Sie sich lieber nicht mit all diesen Details auseinandersetzen möchten und beruhigt sein möchten, ist das Hosten oder Migrieren Ihrer Website zu einem schnellen, verwalteten WordPress-Hostingdienst die beste Lösung. Auf diese Weise können Sie sicher sein, dass die Leistung und Wartung Ihrer Website in guten Händen ist.


Zusammenfassung

Ganz gleich, ob Sie eine Foto-Portfolio-Website oder einen E-Commerce-Shop erstellen oder einfach nur Bilder zu Ihren Beiträgen hinzufügen und bearbeiten, diese Taktiken können das gesamte Website-Design verbessern und das Benutzererlebnis verbessern.

Um dabei zu helfen, bietet WordPress integrierte Bildbearbeitungsoptionen wie Drehen, Skalieren, Zuschneiden und Ausrichten, die einfach zu verwenden sind. Darüber hinaus können Sie WordPress-Plugins nutzen, die erweiterte Funktionen bieten, wie z. B. die Massenbearbeitung von Bildern.

Aber das ist noch nicht alles – das Bearbeiten und Ändern der Bildgröße ist nur der Anfang. Um ein besseres Benutzererlebnis und schnellere Ladezeiten zu erreichen, haben wir auch einige Optimierungstipps und -tricks für Sie beigefügt, die Sie befolgen sollten.