Bilder für das WordPress Elementor-Plugin optimieren

Das Konzept modularer Blöcke für WordPress-Beiträge und -Seiten entstand mit Gutenberg, aber WordPress selbst ist von Grund auf modular aufgebaut. Nehmen wir zum Beispiel die WordPress-Mediathek. Sie können Bilder hochladen und in Beiträgen oder Seiten verwenden, unabhängig vom verwendeten Editor. In diesem Artikel konzentrieren wir uns speziell auf Elementor und zeigen, wie Sie Bilder mit ImageRecycleoptimieren können.

Ähnlich wie Gutenberg ist Elementor ein WordPress-Editor, mit dem Sie Beiträge oder Seiten erstellen und gleichzeitig die Vorschau für Ihre Leser sehen können. Auch die Struktur von Elementor ähnelt der von Gutenberg, da es das mittlerweile bekannte Blockkonzept verwendet. Dadurch wird die Nutzung der WordPress-Mediathek noch einfacher, insbesondere beim Hinzufügen optimierter Bilder. Doch zunächst die wichtigste Frage: Wie optimiert man Bilder in WordPress?

Bilder mit ImageRecycle optimieren

ImageRecycle noch nie verwendet haben , ist die Optimierung von WordPress-Bildern schnell und einfach. Laden Sie zunächst das ImageRecycle Plugin herunter und installieren Sie es auf Ihrer WordPress-Website. Nach der Installation finden Sie die Konfiguration des Plugins im Einstellungsmenü . Geben Sie dort Ihren API-Schlüssel und Ihr API-Geheimnis ein. Speichern Sie die Änderungen. Stimmen Schlüssel und Geheimnis überein, können Sie sofort mit der Bildoptimierung beginnen.

ImageRecycle erreichen Sie über das Medienmenü . Diese Seite ist einfach und intuitiv zu bedienen. Sie listet alle Bilder Ihrer Mediathek mit ihren Größen und Komprimierungsraten auf. Klicken Sie auf die „Optimieren“ neben einzelnen Bildern, um diese zu komprimieren, oder auf „ Alle optimieren “, um alle Bilder gleichzeitig zu optimieren.

Viele Vorgänge während der Komprimierung hängen von ImageRecycle . Sie können beispielsweise zwischen „Beste Speichererhaltung“ und „Originalqualität“ wählen, wodurch Bilder um bis zu 80 % bzw. 20 % komprimiert werden können. Weitere Informationen zu den Unterschieden zwischen diesen beiden Modi finden Sie hier .

Unabhängig vom gewählten Optimierungsmodus werden diese Bilder in Ihrer WordPress-Mediathek gespeichert. Das bedeutet, dass Sie sie in Ihren Beiträgen und Seiten verwenden können – unabhängig vom verwendeten Editor. Im Folgenden konzentrieren wir uns auf einen bestimmten Editor: Elementor.

Optimierte Bilder in Elementor verwenden

Elementor ist ein leistungsstarker Editor für WordPress-Beiträge und -Seiten. Ähnlich wie Gutenberg organisiert er Inhalte in Blöcken, wobei jeder Block ein anderes Element repräsentiert. Wie Sie wissen, ist keine Website ohne Bilder wirklich vollständig, und auch Elementor bietet zahlreiche Bildblöcke. Hier kommt die Medienbibliothek ins Spiel.

Wir begannen den Artikel mit der Erklärung, dass WordPress selbst recht modular aufgebaut ist, und genau hier schließt sich der Kreis. Woher sollte Elementor seine Bilder beziehen, wenn nicht aus der Mediathek? Genauer gesagt: aus derselben WordPress-Mediathek, die Sie gerade mit ImageRecycleoptimiert haben.

Die Verwendung der komprimierten Bilder von ImageRecyclein Elementor ist kinderleicht: Einfach einen beliebigen Bildblock – egal ob einfaches Bild, Karussell, Galerie oder etwas anderes – per Drag & Drop einfügen und die Bilder laden. Die Bilder werden direkt aus der WordPress-Mediathek ausgewählt, die die komprimierten Bilder automatisch lädt.

WordPress ist im Wesentlichen modular aufgebaut, und es wäre Verschwendung, dieses Potenzial nicht auszuschöpfen. ImageRecycle lässt sich nahtlos in jeden Editor integrieren, ohne Ihren Workflow zu beeinträchtigen. Sie müssen lediglich die Bilder optimieren und später in Ihren Blog einfügen. So optimieren Sie das Leseerlebnis Ihrer WordPress-Nutzer, unabhängig vom verwendeten Editor.