Was ist WebP?
Bildformat der nächsten Generation!
WebP ist ein Standbildformat, das kürzlich von Google Inc. in den USA entwickelt wurde. WebP wird auch als Bildformat der nächsten Generation bezeichnet, wie das von Apple empfohlene “JPEG 2000” und das von Microsoft empfohlene “JPEG XR” und weist die folgenden Eigenschaften auf.
▼ Funktionen von WebP
Entwicklungsziele: Anzeigegeschwindigkeit reduzieren und Website-Traffic reduzieren
Überlegenheit gegenüber JPEG – kleinere Dateigröße und weniger Verschlechterung der Bildqualität
Maximale Pixelanzahl: 16383 x 16383 Pixel
Erweiterung: “.webp”
Die Geschichte von WebP! Neuausrichtung auf die Core Web Vitals-Ankündigung
Obwohl WebP als Bildformat der nächsten Generation positioniert ist, gibt es es überraschenderweise seit 2010.
▼ Geschichte von WebP
30. September 2010: Erste WebP-Spezifikation im offiziellen Google Chrome-Blog veröffentlicht
2011: WebP-Unterstützung bei der Veröffentlichung von Google Chrome 9.0 und Android 4.0
2013: Opera 15 soll beim Start von Opera 15 WebP und nicht APNG unterstützen.
An den obigen Informationen können wir erkennen, dass die Geschichte von WebP überraschend alt ist und der Anteil der unterstützten Browser stetig gestiegen ist. Warum bekommt WebP jetzt so viel Aufmerksamkeit?
Grund ist die offizielle Ankündigung von Google am 28. Mai 2020! Wir geben bekannt, dass wir ab 2021 Core Web Vitals, das die Bildanzeigegeschwindigkeit als Komponente enthält, als UX-Index zur Bewertung des Suchrankings hinzufügen werden.
Jetzt ist also ein guter Zeitpunkt, WebP zu implementieren, das entwickelt wurde, um die Anzeigegeschwindigkeit und den Website-Traffic zu reduzieren. In den folgenden Artikeln finden Sie Details zu wichtigen Web-Grundlagen und zur Verbesserung der Benutzerfreundlichkeit.
Welche Auswirkungen hat Core Web Vitals, das 2021 vorgestellt wird, auf die Google-Suchergebnisse?
Welche Auswirkungen hat Core Web Vitals, das 2021 vorgestellt wird, auf die Google-Suchergebnisse?
Ab dem 28. Mai 2020 verwendet Google Core Web Vitals als UX-Indikator für vorhandene Signale bei der Bewertung von Suchrankings ab 2021.
Die Benutzerfreundlichkeit von Smartphone-Sites erhöht das Suchranking! 7 effektive Verbesserungspunkte für SEO
Die Benutzerfreundlichkeit von Smartphone-Sites erhöht das Suchranking! 7 effektive Verbesserungspunkte für SEO
Die „Usability von Smartphones“ wird immer wichtiger, da die Zahl der Nutzer des mobilen Surfens statt des PCs steigt. Warum sind Sie in diesem Artikel ein Smartphone-Benutzer?
Vorteile von WebP! Ist es besser als andere Bildformate?
Der größte Vorteil der Einführung von WebP ist schließlich die Gewichtsreduzierung der Bilder. Wie unten gezeigt, ist die Bildgröße theoretisch erheblich kleiner als JPEG und PNG.
▼ Geringe WebP-Dateigrößenrate
Im Vergleich zu JPEG: 25-34% kleiner
Im Vergleich zu PNG: ca. 28% kleiner
Darüber hinaus unterstützt es Animationen und kann auch mit verlustbehafteter Komprimierung mit Alphakanälen umgehen, wodurch es für den Export von transparenten Bildern geeignet ist. Wenn man die Vielfalt mit anderen Bildformaten vergleicht, ist die Exzellenz von WebP sogar offensichtlich.
▼ Vergleichstabelle von 5 Arten von Bildformaten
Format Komprimierungsleistung Verlustfreie Komprimierung Verlustbehaftete Komprimierung Transparente Animation
WebP Sehr teuer 〇 〇 〇 〇
Erhöhte SVG 〇 × 〇 〇
Erhöhtes PNG 〇 × 〇 ×
Hohes JPEG △ 〇 × ×
GIF normalerweise 〇 〇 △ 〇