WebP Image Guide: So verwenden Sie das WebP-Format mit WordPress
Veröffentlicht: 2022-07-29Wir alle lieben ein gutes GIF, aber Bildformate haben seit der Einführung des GIF im Jahr 1987 einen langen Weg zurückgelegt. Versierte Webdesigner sind dazu übergegangen, JPEGs, PNGs und jetzt WebP zu nutzen.
Während GIFs ein zweites Leben als Futter für Slack-Kanäle und Textnachrichten genießen, beginnt das neue WebP-Format, das Web zu erobern.
In diesem Beitrag untersuchen wir das Wachstum von WebP und geben Tipps, wie Sie es für Ihre Website verwenden können. Du wirst lernen:
- Wie das Format funktioniert
- Vorteile von WebP-Bildern
- Einschränkungen bei der Verwendung von WebP
- So aktivieren Sie WebP-Bilder für WordPress
Funktionsweise des WebP-Formats
Ursprünglich von On2 Technologies entwickelt, entwickelt Google WebP als Open-Source-Bildformat und hofft, es zum neuen akzeptierten Standard für Webbilder zu machen.
WebP bietet eine verbesserte Bildkomprimierung. Sie können die Dateigröße reduzieren, ohne an Bildqualität einzubüßen. WebP ist einzigartig darin, wie es verlustbehaftete und verlustfreie Komprimierung unterstützt.
Mit der verlustfreien Komprimierung können Sie die Dateigröße reduzieren und dabei die ursprüngliche Bildqualität beibehalten. Da keine der Originaldaten verloren gehen, können Sie das Bild in seiner ursprünglichen Qualität und Größe wiederherstellen.
Die Verwendung einer verlustbehafteten Komprimierung führt zu noch kleineren Dateigrößen. Bei der verlustbehafteten Komprimierung werden nur die Daten beibehalten, die erforderlich sind, um ein Bild in seiner reduzierten Größe anzuzeigen. Sie werden nicht in der Lage sein, die Größe wieder zu vergrößern und die ursprüngliche Qualität beizubehalten.
Um WebP voll auszunutzen, verwenden Sie verlustfreie Komprimierung für Bilder, die auf unterschiedliche Größen skaliert werden müssen, wie z. B. Hintergrundbilder. Verwenden Sie verlustbehaftete Komprimierung für Bilder mit festen Abmessungen. Wenn Sie die maximale Breite eines vorgestellten Bildes oder Produktbildes für Ihre Website kennen, können Sie es mit verlustbehafteter Komprimierung auf genau diese Abmessungen speichern.
Vorteile von WebP
Was treibt also das Wachstum von WebP an? Das Format bietet viele Vorteile, einschließlich Benutzerfreundlichkeit und Leistung. Lassen Sie uns die wichtigsten Vorteile der Verwendung von WebP für Ihre Website untersuchen.
Einfaches Konvertieren vorhandener Bilder
Sie können alle vorhandenen PNGs, GIFs oder JPEGs von Ihrer Website in eine WebP-Datei konvertieren. Sie werden keine Qualitätseinbußen hinnehmen und in der Regel die Dateigröße reduzieren.
Bessere Kompression
Wenn Sie ein PNG oder JPEG in ein WebP konvertieren, ist die WebP-Dateigröße 30 bis 50 % kleiner als das Original. Kleinere Bilder sollten dazu beitragen, dass Ihre Seiten schneller geladen werden, weshalb wir die Bildkomprimierung als eine der besten Möglichkeiten zur Beschleunigung Ihrer WooCommerce-Website empfehlen.
Bessere Website-Performance
Schneller ladende Bilder und Seiten sorgen für eine bessere Benutzererfahrung. Sie können auch Ihre Suchmaschinen-Rankings verbessern, indem Sie Ihre Website auf Geschwindigkeit optimieren. Suchmaschinen legen Wert darauf, wie schnell Ihre Website geladen wird. Schneller ladende Seiten haben tendenziell einen höheren Rang als langsamere.
Das Bereitstellen von Bildern in einem Next-Gen-Format wie WebP ist eine unserer 12 erprobten Methoden zur Verbesserung Ihres Google PageSpeed Insights-Scores .
Unterstützung für Transparenz und Animation
Wer liebt nicht ein animiertes GIF? Mit WebP haben Sie Glück. WebP unterstützt Animation und Transparenz.
Weit verbreitete Browserunterstützung
Die meisten modernen Browser unterstützen WebP. Apples Safari-Browser war der einsame Verweigerer, führte aber letztes Jahr mit Safari 14 endlich die WebP-Unterstützung ein.
Einschränkungen von WebP
Die Haupteinschränkung von WebP besteht darin, die Kompatibilität bei allen Arten der Verwendung eines Bildes sicherzustellen. Sie könnten auf Probleme stoßen, wenn Sie Ihre Website-Daten verwenden, um sie in E-Mail-Kampagnen oder mobile Anwendungen einzuspeisen.
Stellen Sie sicher, dass Sie alle Stellen testen, an denen ein Bild angezeigt wird, um sicherzustellen, dass das WebP-Format funktioniert. Sie könnten auch in Betracht ziehen, zwei Versionen eines Bildes anzubieten. Verwenden Sie WebP, wenn dies zulässig ist, und ein Fallback-JPEG oder -PNG, wenn WebP nicht unterstützt wird.
So aktivieren Sie WebP mit WordPress
WordPress bietet seit Version 5.8 WebP-Unterstützung an. Wenn Ihr Server WebP unterstützt, sollten Sie WebP-Bilder wie jeden anderen unterstützten Bildtyp hochladen und verwenden können.
Zu den Optionen für die Verwendung von WebP-Bildern in WordPress gehören:
- Manuelles Konvertieren von Bildern. Verwenden Sie ein Online-Tool wie CloudConvert , um Bilder in WebP umzuwandeln. Es ist eine zeitaufwändige manuelle Aufgabe, da Sie die Dateien in den Konverter hochladen und dann die neue Datei in Ihre WordPress-Bibliothek hochladen müssen.
- Bildoptimierungs-Plugin. Viele Plugins zur Bildoptimierung enthalten bereits Optionen zum Konvertieren und Anzeigen von Bildern als WebP-Dateien. Sehen Sie in der Dokumentation Ihres Plugins nach, wie Sie die Optionen für Ihre Website aktivieren können.
- WebP-Plugin. Anstelle eines Optimierungs-Plugins können Sie auch ein speziell entwickeltes Plugin wie WebP Converter for Media verwenden, um hochgeladene Bilder automatisch in WebP zu konvertieren.
Schnellere Websites mit WebP und Pressable
Wenn Sie an WebP interessiert sind, möchten Sie wahrscheinlich, dass Ihre Website so schnell wie möglich geladen wird. Die Reduzierung Ihrer Bilddateigröße um die Hälfte mit der großartigen Komprimierung von WebP ist ein großartiger Ausgangspunkt. Die andere Möglichkeit, sicherzustellen, dass Ihre Website so schnell wie möglich funktioniert, besteht darin, den richtigen Host auszuwählen.
Bei Pressable liefern unsere Hosting-Services die bestmögliche Leistung für WordPress-Sites. Unser Cloud-basierter verwalteter Hosting-Service macht die Verwaltung Ihrer Website einfach und bietet gleichzeitig 100 % Verfügbarkeit und blitzschnelle Geschwindigkeit. Oh, und WebP-Unterstützung? Wir haben das abgedeckt. Unser globales CDN-Netzwerk unterstützt auch WebP, sodass Sie alle geschwindigkeitssteigernden Vorteile dieses neuen Bildformats nutzen können.
Um mehr darüber zu erfahren, wie Pressable WordPress besser macht, buchen Sie noch heute eine benutzerdefinierte Demo .
