Was ist WebP?

Die Dateiformate, die Sie auf Ihrer Website verwenden, haben einen großen Einfluss auf deren Geschwindigkeit, Qualität und Leistung. Um herauszufinden, welche Bildtypen verwendet werden sollen, kann jedoch ein wenig Recherche erforderlich sein.

Beispielsweise ist WebP ein relativ neues Bilddateiformat der nächsten Generation, das von Google entwickelt wurde. Wenn Sie verstehen, was es ist und wie Sie es auf Ihrer Website verwenden, können Sie Ihre Benutzererfahrung (UX) verbessern und die Ladezeiten insgesamt verkürzen.

Eine Einführung in WebP

Die Bildoptimierung ist ein wesentlicher Aspekt der Geschwindigkeit und Leistung von Websites. Eine der besten und effektivsten Möglichkeiten, Bilder zu optimieren, besteht darin, ihre Dateigröße durch Komprimierung zu reduzieren. Je leichter Ihre Dateien sind, desto einfacher wird es für den Server, Ihre Website zu laden, was letztendlich zu höheren Geschwindigkeiten führt.

Es gibt zwei Haupttypen der Bildkomprimierung: verlustbehaftet und verlustfrei. Bei einer verlustbehafteten Komprimierung wird die Größe der Datei reduziert, indem einige der Bilddaten entfernt werden, wodurch die Qualität des Prozesses verringert wird. Bei der verlustfreien Komprimierung werden die Daten einfach rekonstruiert, wobei mehr Qualität erhalten bleibt.

WebP ist ein modernes Bilddateiformat, das 2010 von Google entwickelt wurde und sowohl verlustbehaftete als auch verlustfreie Komprimierung verwendet. Der Zweck besteht darin, kleinere und schnellere Bilder für Websites bereitzustellen, was zu einer besseren Leistung führt. Tatsächlich sind laut Google verlustfreie WebP-Bilder 26 Prozent kleiner als PNG und verlustbehaftete Bilder sind bis zu 34 Prozent kleiner als JPEG.

Warum ist WebP wichtig?

Wie bereits erwähnt, spielen Bilder eine wichtige Rolle für die Leistung Ihrer Website. Die Größe seiner Dateien wirkt sich auf seine Geschwindigkeit und damit auf die UX aus. Daher ist es wichtig sicherzustellen, dass Sie die besten Bilddateiformate auswählen.

WebP ist ein Rasterbildformat, das speziell für Online-Bilder entwickelt wurde. Kurz gesagt, es ist wichtig, darüber Bescheid zu wissen, da es Ihnen ermöglicht, qualitativ hochwertige Bilder mit kleineren Dateigrößen anzuzeigen, als Sie es sonst mit anderen Formaten erreichen könnten.

Dank der prädiktiven Codierungsmethode können WebP Bilder basierend auf ihren Pixelwerten codieren. Im Wesentlichen enthält es nur das Notwendige, ohne das Erscheinungsbild des Fotos zu verfälschen. Dadurch sind die Dateigrößen klein, die Bildqualität bleibt jedoch relativ hoch.

Die Möglichkeit, mehr Bilder zu verwenden, ohne sich Gedanken über langsame Ladezeiten machen zu müssen, kann dazu beitragen, das allgemeine Erscheinungsbild Ihrer WordPress-Site zu verbessern. Die Freiheit, die gewünschte Größe und Qualität der Bilder zu verwenden, gibt Ihnen auch mehr Flexibilität beim Design Ihrer Website.

Welche Browser unterstützen WebP?

Im November 2021 hatten Webbrowser, die WebP unterstützen, einen Marktanteil von 96 %.

Google fördert aktiv WebP, und Google Chrome und alle Chromium-basierten Browser unterstützen das Format. Das proprietäre PageSpeed ​​Insights-Tool schlägt Webmaster vor, von JPEG und PNG auf WebP umzusteigen, um den Geschwindigkeitswert ihrer Website zu verbessern.

Microsoft Edge-Versionen, die nach Januar 2020 veröffentlicht wurden, basieren auf dem Chromium-Browser und bieten native WebP-Unterstützung. EdgeHTML-basierte Versionen von Microsoft Edge unterstützen WebP über eine Plattformerweiterung (standardmäßig installiert) (sofern sie nicht im sicherheitsgehärteten „Application Guard“-Modus ausgeführt werden, der keine Plattformerweiterungen unterstützt).

Safari fügte Unterstützung für WebP mit iOS 14 und macOS Big Sur hinzu.

Mozilla Firefox unterstützen WebP offiziell seit Januar 2019. Es wurde ursprünglich für die Umsetzung im Jahr 2013 in Betracht gezogen.

GNOME Web, Midori und Falkon unterstützen nativ WebP.

WebP kann auch in allen gängigen Browsern mit der WebPJS-JavaScript-Bibliothek angezeigt werden, obwohl die Unterstützung in Internet Explorer 6 und höher mit Flash erreicht wird.

Ein Diagramm der Browserkompatibilität mit WebP-Bildformaten.

Wie ist der Unterschied zwischen jpg und WebP?

Da unsere Website alle Bilder automatisch in WebP zur Verfügung stellt, muss das jpg Bild über den Link geöffnet werden.

jpg-Bild mit der Auflösung 1024×211 px | 213 KB | Bild öffnen als .jpg-Version
webp-Bild mit der Auflösung 1024×211 px | 98,6 KB | Bild öffnen als .wepb-Version

Gibt es weitere Alternativen zu jpg, png und WebP?

In der Tat bietet das AVIF Bild-Format ein noch höheres Einsparpotential an. Jedoch ist die Verbreitung des Bild-Formats noch nicht annähernd so hoch, wie die von WebP. Hier beträgt der Marktanteil ca. 69 % (WebP ca. 96 %).

Google entwickelt seit Juni 2021 die zweite Version von WebP. Seine Referenzimplementierung ist libwebp2. Das Hauptziel dieses neuen Formats ist es, ähnliche Komprimierungsraten wie AVIF zu erreichen und gleichzeitig schneller zu codieren und zu decodieren.

Weiterführende Beiträge

Dieser Eintrag wurde veröffentlicht am . Setzte ein Lesezeichen permalink.