Springe zum Hauptinhalt

So stellen Sie WebP-Bilder anstelle von herkömmlichem PNG und JPG bereit

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Google steht im Internet an der Spitze der Lebensmittelkette. Die Gesellschaft beeinflusst (oder diktiert) viel von dem, was online passiert. Das neue Bildformat WebP setzt diesen Trend fort. Da die Geschwindigkeit des Ladens von Seiten immer wichtiger wird (hauptsächlich aufgrund des Google Page Rank), sehen Entwickler und Designer die Bildkomprimierung als den einfachsten Weg, um die Ladezeiten zu verkürzen. Google WebP-Bilder sind ungefähr 30% kleiner als normale JPG- oder PNG-Bilder und behalten die gleiche Qualität bei. Das Beste ist, dass Sie sich nicht um die manuelle Konvertierung Ihrer Bilder in WebP kümmern müssen.

In diesem Artikel zeigen wir Ihnen, wie Sie dieses neue Bildformat mit WordPress verwenden, obwohl es standardmäßig noch nicht unterstützt wird.

Verwenden Sie Optimole, um WebP-Dateien in WordPress bereitzustellen

WebP als Bildformat wird in WordPress standardmäßig nicht unterstützt. Sie können ein .webp-Bild hochladen, aber wie bei einer SVG-Datei erhalten Sie möglicherweise Fehlermeldungen. Und wieder, was die Verwendung von betrifft SVG-Dateien mit WordPress gibt es eine einfache Umgehung über Plug-in.

Problemumgehung für Wordpress-Bilder

Unter den getesteten WebP-Diensten Optimole hebt sich von der Masse ab. Es kann tatsächlich mit einem Minimum an Konfiguration betrieben werden. Wir möchten Ihnen daher erklären, wie Sie es konfigurieren und Ihre WordPress-Installation so einfach wie möglich mit dem WebP-Format kompatibel machen können.

Erstens werden Sie offensichtlich wollen Laden Sie das Plugin selbst herunter und installieren Sie es . Es befindet sich im WP.org-Verzeichnis und ist völlig kostenlos. Da der API-basierte Dienst, der es einschaltet (bis zu einem gewissen Punkt). Während es möglich ist, herkömmliche Images mit PHP im laufenden Betrieb in WebP zu konvertieren, erteilen nicht alle Webhosts Ihrem Server diese Berechtigung. Wenn Sie über diese Berechtigung verfügen, können Sie auch das Plug-In anzeigen WebP ExpressDamit haben Sie viel Kontrolle Es ist jedoch ein System, das mehr Konfiguration erfordert, um reibungslos funktionieren zu können.

Sobald Optimole auf Ihrer WordPress-Website installiert und aktiviert ist, finden Sie eine neue Menüoption auf Medien - Optimole .

Ihr Optimole-API-Schlüssel

Bevor Sie auf Einstellungen oder Konfigurationen zugreifen können, müssen Sie über ein Optimole-Konto verfügen. Wenn Sie bereits eine konfiguriert haben, können Sie auf die Schaltfläche klicken Ich habe bereits einen API-Schlüssel . Wenn nicht, Speichern und senden Sie den API-Schlüssel per E-Mail . Das Basis-API-Schlüsselkonto ist kostenlos und Sie erhalten auf dieser Ebene rund 5 Treffer. Wenn Sie mehr benötigen, stehen Preisstufen zur Verfügung.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Preis Preis

Optimole definiert einen Besuch als " Jeder, der Sie besucht, wenn Sie einmal [. . .] Jeder Benutzer wird nur einmal gezählt. Es spielt keine Rolle, was sie auf Ihrer Website tun, wie viele Bilder sie herunterladen oder wie viele Seiten sie besuchen. Es ist nur ein Benutzer. Wenn sie Ihre Website verlassen und am selben Tag wiederkommen, sind sie immer noch nur ein Benutzer. "

Sobald die gemessenen Besuche erschöpft sind, werden nur die WebP-Bilder nicht mehr bereitgestellt. Ihre Bilder selbst nicht. Sie finden den API-Schlüssel ganz oben in Ihrem Optimole-Dashboard.

Fügen Sie es einfach in Ihr WordPress-Dashboard ein und schon können Sie mit WordPress WebP-Bilder verbreiten.

Ihre Optimole WordPress-Dashboards

In Ihrem WordPress-Dashboard erhalten Sie grundlegende Informationen zu Ihrer WebP-Optimierung. Auf diese Weise können Sie den Erfolg dieser Beschleunigung beheben und bewerten. Auf diese Weise können Sie verschiedene Einstellungen ändern.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Optimole Dashboard

Zuerst sehen Sie das mit der API verknüpfte Konto, dann zeigt das Plugin am unteren Bildschirmrand die neuesten optimierten Bilder. Sie können sehen, wie viel kleiner die bereitgestellten WebP-Bilder sind als die ursprünglichen, die Sie in WordPress hochgeladen haben.

Dann gibt es die Registerkarte Schwierigkeiten möglich oben drauf. Niemand mag es, die hervorgehobene Registerkarte zu sehen, aber wir alle müssen auch sehen, welche Konflikte auftreten können.

Optimole-Dashboard-Fehler

Das Hauptproblem, mit dem wir konfrontiert waren, sind andere Plugins für Bildkomprimierung und -bereitstellung. Wie Sie im obigen Bild sehen können, funktioniert das Jetpack-Plugin ähnlich wie Optimole über Photon APIT , damit sie ihre Köpfe schlagen können. Dies zeigte sich für uns darin, dass dem Besucher kein Bild übermittelt wurde. Bei anderen Komprimierungsdiensten wie TinyPNG oder Smush sind keine Probleme aufgetreten.

Dashboards verwenden

Wenn Sie detailliertere Informationen zur Funktionsweise Ihrer Website mit WebP wünschen, enthält das externe Optimole-Dashboard diese Informationen für Sie.

Verwenden des Optimol-Dashboards 1

Anstatt nur 9,5-mal kleiner zu sein, können Sie die tatsächliche Größe der Dateien sehen, die bereitgestellt werden. Sowie die Dateien selbst über einen Zeitraum von 30 Tagen.

Optimole Dashboard-Bericht 1

Sie können auch Wasserzeichen im Optimole-Dashboard (oder WP-Dashboard) festlegen, sodass jeder, der ein WebP von Ihrer WordPress-Site erhält, automatisch Ihr Logo-Wappen erhält. Es ist ein unkomplizierter Prozess, und Sie erhalten die Kontrolle über Deckkraft, Position usw.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Optimole Plugin Tuning

Grundsätzlich können Sie dasselbe von beiden Dashboards aus tun. Entweder unter der Registerkarte Parameter WordPress oder über das externe Optimole-Dashboard. Es hängt alles davon ab, mit was Sie sich am wohlsten fühlen und wie viele Daten Sie zu einem bestimmten Zeitpunkt benötigen.

Darüber hinaus können Sie die Komprimierungsstufe, das verzögerte Laden und wann / ob bestimmte Bilder basierend auf Dateinamen als WebP gestreamt werden, steuern. All dies finden Sie auf der Registerkarte Parameter de Medien - Optimole .

Lazyload WordPress Plugin

Pack

Das Beste an der Verwendung von WebP mit WordPress-Websites ist, dass Sie nicht manuell mit den Dateien arbeiten müssen. Keine zusätzlichen Downloads, keine zusätzliche Komprimierungszeit, nichts. Aufgrund der Funktionsweise von APIs werden alle Prozesse und Berechnungen im laufenden Betrieb in Echtzeit ausgeführt. Google hat das Internet wirklich schneller gemacht, indem es WebP anstelle von JPG oder PNG verwendet. Der Hauptvorteil ist jedoch, dass die Bilder die gleiche Qualität behalten, auch wenn ihre Größe erheblich reduziert wird. Es könnte für Sie interessant sein, dass Google Sie zwingt, das Format zu verwenden, um Ihre Website zu beschleunigen, damit Sie höher eingestuft werden und die Endbenutzererfahrung ebenfalls besser ist. Und darauf kommt es am Ende an.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
5 Aktien
Aktie5
tweet
Registrieren