Seitdem die Ladezeit einer Webseite zum beeinflussenden Rankingfaktor geworden ist ist eine schnell ladende Webseite noch wichtiger geworden. Eine Möglichkeit zur Optimierung der Seitengeschwindigkeit ist die Verwendung von Bildern im WebP-Format. Was ist WebP? Es ist ein Format, das ein reichhaltigeres Bild von hoher Qualität bietet und im Vergleich zu PNG oder JPEG eine geringere Größe aufweist.
In diesem Artikel erfahren Sie mehr über WebP, seine Vor- und Nachteile und wie Sie dieses Format auf ihrer WordPress-Seite verwenden können.
Was genau ist WebP?
WebP ist ein Dateiformat, das bereits 2010 von Google entwickelt wurde. Es bietet eine höhere Komprimierungsrate für Bilder und behält gleichzeitig die Qualität bei. Damit können Sie Bilder mit kleineren Dateigrößen erstellen, um ihre Seite sie schneller laden kann.
Das WebP-Format verwendet leistungsfähigere und verlustfreiere Komprimierungsmethoden als PNG- und JPEG-Formate.
Verlustfreie Komprimierung bedeutet, dass jedes Bit der Originaldaten nach dem Dekomprimieren der Datei gleich bleibt. Die WebP verlustfreie Komprimierung hilft dabei, Bilder im Vergleich zu PNG um bis zu 26% mehr zu komprimieren.
Andererseits verringert der verlustbehaftete Vergleich normalerweise die Dateigröße, indem eine bestimmte Menge an Originaldaten entfernt wird. Mit der prädiktiven Codierung zum Codieren eines Bildes bietet verlustbehaftetes WebP eine vergleichbare Qualität wie JPEG und reduziert gleichzeitig die Größe von Bilddateien von 25% auf 34%.
Die Vorteile
Wie oben beschrieben, können kleinere Bildgrößen einen großen Unterschied auf ihrer Webseite bewirken. Dadurch kann die Webseite schneller geladen werden.
Ein weiterer Vorteil ist, dass Sie mehr Bandbreite sparen können, insbesondere wenn ihre Webseite mit vielen Bildern gefüllt ist, zB. wenn Sie ein Blog für Kochen, Reisen oder Fotografie betreiben.
Um den Unterschied besser zu verstehen, nachstehend eine kurze Erläuterung der JPEG- und PNG- Formate.
- JPEG (oder JPG) – Dieses Format eignet sich hervorragend für Bilder mit vielen Farben und ist die bevorzugte Option für Standbilder. In der Regel gibt es jedoch einen Kompromiss: Sie werden einen leichten Verlust der Bildqualität aufgrund der Komprimierung feststellen.
- PNG – eignet sich hervorragend, um die Bildqualität auch bei Komprimierung zu erhalten. Dieses Format eignet sich für Bilder mit vielen Daten oder Pixeln, z. B. Logos, textintensive Bilder und Illustrationen. Für Fotos funktioniert es jedoch nicht wirklich gut.
WebP kombiniert und bietet das Beste aus beiden Formaten. Es ist zwischen 25-34% kleiner als PNG oder JPEG, schafft aber auch die gleiche Bildqualität.
Die Nachteile
Wo Licht ist fällt auch Schatten und so sind gibt es neben all der Vorteile, die dieses Bildformat bietet, auch einige gerimge Einschränkungen, die erwähnt werden sollten.
Erstens unterstützen einige der wichtigsten Browser, darunter Google Chrome, Firefox und Opera, bereits das WebP-Format. Allerdings Safari und Internet Explorer nicht.
Ein kleineres, aber nicht unlösbares Problem für einen Webseiten-Betreiber, der dieses Format für seine Webseite verwenden möchte, ist, dass WordPress derzeit keine WebP-Bilder unterstützt. Dies bedeutet, dass Sie nicht einfach direkt WebP-Dateien in ihre WordPress-Medienbibliothek hochladen können.
Das Hauptproblem liegt eher daran, wenn Sie das Bild in einer anderen Software als einem Webbrowser anzeigen oder bearbeiten möchten, da die meisten der beliebtesten Grafikanwendungen – einschließlich des Bildbetrachters von Windows oder OS X und Photoshop – WebP nicht nativ verarbeiten können.
Für eine Webseite ist es jedoch überhaupt nicht problematisch das Bild-Format zu verwenden da es mit Hilfe von WordPress Plugins möglich ist.
Verwenden von WebP in WordPress
Sie können WebP auf WordPress-Bildern mit WebP Express anzeigen. Wie Sie ein WordPress-Plugins installieren erklären wir hier.
Das WebP Express-Plugin verwendet die WebP Convert Library, um die Bilder zu ändern. Dieses Plugin dient als Konverter, der WebP für Browser generiert, die dieses Format unterstützen, aber JPG oder PNG für Browser anzeigt, die dies nicht tun. Das Schöne an diesem kostenlosen Plugin ist das es vorhandene Bilder konvertiert und neue Bilder direkt beim Hochladen in das WebP-Bild-Format umwandelt. Das bedeutet für Sie das Sie wie gewohnt weiterhin mit JPG-Dateien arbeiten können. Auf dieser Webseite nutzen wir das Plugin.
Jetzt haben Sie das WebP-Format kennengelernt und können so kleinere Bilder in höherer Qualität auf ihrer Webseite verwenden. Sollte ihr Hoster das Plugin nicht unterstützen können Sie auch den Service von ewww oder Optimole nutzen. Beide Anbieter bieten eine CDN-Plattform auf der ihre Bilder nicht nur gespeichert werden können sondern auch in dem neuen Bild-Format bereitstehen.
WebP-Bilder helfen ihrer Webseite, um sie viel schneller zu laden. Insbesondere dann, wenn Sie viele Bilder auf ihrer Seite verwenden.
WordPress optimieren
Ihre Webseite ist gut, soll aber noch besser werden?!
Gerne beraten wir Sie und optimieren einzelne Komponenten.
Hinterlasse eine Antwort
Wir freuen uns über eine aktive Kommentar-Teilnahme. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.