Was ist WebP?


Free Download Mp4Gain
picture

Was ist WebP?

WebP

Google bietet verlustfreie Komprimierung, verlustbehaftete Komprimierung ist das neueste entsprechende Bildformat.
Die Dateierweiterung ist “.webp”.

Webp

Die Dynamik von WebP im Formatkrieg der nächsten Generation
Typische Bildformate sind “JPEG”, “GIF” und “PNG”, die seit Beginn der Expansion des Webs bis heute als Standard verwendet werden. Obwohl sie das Web seit langem unterstützen, hat jedes Unternehmen die Entwicklung und Einführung von Bildkomprimierungstechnologien gefördert. Die bekanntesten sind “JPEG XR” von Microsoft, “JPEG 2000” von Apple und “WebP” von Google, die in diesem Artikel vorkommen. Aufgrund von Spekulationen über den Wettbewerb um Marktanteile stagniert die Penetration jedoch nur. WebP, der als Standard der nächsten Generation gilt, wird im September 2010 verfügbar sein, damit Sie sehen können, wie heftig der Konflikt war. WebP ist ab August 2020 in den meisten Browsern außer IE / Safari verfügbar, möglicherweise aufgrund des ins Stocken geratenen Formatkriegs. Das Folgende ist das Ergebnis der Suche nach WebP auf der Website “Kann ich verwenden …”, wo Sie die Kompatibilität des Browsers mit der Webtechnologie überprüfen können. Da Safari in der kommenden Version 14 auch WebP unterstützen wird, ist der neueste Stand der unterstützten Browser nur IE JPEG

XR, Safari nur JPEG Man kann sagen, dass 2000 komplett entfernt wurde. Speziell für JPEG XR wird es gestoppt, da es im neuen Chromium-basierten Edge nicht mehr verfügbar ist, und es wird durch die Verbesserung von WebP verstärkt. Vor diesem Hintergrund ist die Aufmerksamkeit von WebP extrem hoch und soll zu einem wesentlichen Wissen in der Webproduktion werden.
f: id: t-okubo: 20200817172652j: einfach

Vorteile der Verwendung von WebP
Vorteil 1: Dateigröße kann reduziert werden
Hervorragend im Vergleich zu herkömmlichen Schlüsselformatalgorithmen Verlustfreie oder verlustbehaftete Komprimierung ist möglich, um beide Arten zu verarbeiten, WebP verlustfreies Bild PNG (verlustfreie Komprimierung) ca. 26% im Vergleich zu verlustbehafteter Komprimierung Bild von WebP JPEG im Vergleich zu Dateigröße kann um ca. 25 bis 34% reduziert werden . Im Folgenden finden Sie einen Vergleich von Informationen, die im gleichen Bild im JPEG / WebP-Format (verlustbehaftete Komprimierung) gespeichert wurden. Die Dateigröße wird bei WebP um ca. 40 % auf 314 KB reduziert, im Vergleich zu 520 KB bei JPEG. Durch die Reduzierung der Bilddateigröße wird die Seitenanzeige schneller und SEO-Maßnahmen sowie die Benutzerfreundlichkeit (UX) sollen sich verbessern. In der SEO-Messfunktion „Lighthouse“, die in den Chrome-Entwicklungstools installiert ist, wird bewertet, ob das Bild mit dem Format der nächsten Generation kompatibel ist oder nicht, und wenn es dies nicht unterstützt, wird die Diagnose „Performance“ wie folgt durchgeführt. Eine Warnung wird angezeigt und die Punktzahl wird von der Anzahl der Bilder im alten Format abgezogen. Sie sehen, dass die Formatunterstützung der nächsten Generation kein übersehenes Element mehr ist.

f: id: t-okubo: 20200818202726p: einfach

f: id: t-okubo: 20200817175635j: einfach

Auf der anderen Seite können reichere Websites, die mehr Bilder verwenden, die Vorteile der Gewichtsreduktion erwarten, wie Sie an der Tatsache sehen können, dass die Bewertung der Anzahl der Bilder zunimmt, die mit dem Format der nächsten Generation kompatibel sind. Jetzt, da Designs beliebt sind, die die Herzen der Benutzer mit großen Bildern wie Heldenbildern erobern, kann man sagen, dass die Kompatibilität mit WebP eine sehr effektive Maßnahme zur Verbesserung der Website ist.

Vorteil 2: Alphakanalanimation unterstützen (transparent)
Da JPEG eine verlustbehaftete Komprimierung ist, hat es eine hohe Komprimierungsrate und eignet sich zum Speichern von Fotos mit vielen Farben, unterstützt jedoch keine Transparenz oder Animation. Andererseits können GIF und PNG transparent und animiert sein, aber das Komprimierungsverhältnis ist aufgrund der verlustfreien Komprimierung nicht hoch. Aufgrund dieser individuellen Eigenschaften war es traditionell notwendig, je nach Verwendungszweck des Bildes unterschiedliche Formate zu verwenden. WebP hat diese Barriere beseitigt.
Verlustfreie Komprimierung Verlustfreie WebP-Bilder unterstützen Transparenz mit einer zusätzlichen Dateigröße von 22 % und können mit Tools animiert werden. . Außerdem hat es, wie in Merit (1) erwähnt, eine Komprimierungsrate, die die des vorherigen Formats übertrifft, so dass es möglicherweise nicht lange dauert, bis keine Fehler mehr auftreten, solange die Bilddatei in WebP platziert wird.

Nachteile der Verwendung von WebP
Nachteil 1: einige Browser werden nicht unterstützt


Free Download Mp4Gain
picture

Sie können das Bild verkleinern! Bildformat der nächsten Generation “WebP”

Sie können das Bild verkleinern! Bildformat der nächsten Generation “WebP”

WebP

Bildformat der nächsten Generation “WebP”

Webp

Kennen Sie “WebP”?

WebP ist ein von Google entwickeltes Bildformat.

Es hat die Eigenschaft, dass die Größe des Bildes reduziert werden kann, und es kann gesagt werden, dass es sich um ein Format handelt, das wir als SEO-Maßnahme verwenden möchten, um die Geschwindigkeit der Seite zu verbessern.

Diesmal möchten wir “WebP” vorstellen, das als Next-Generation-Format bezeichnet wird.

■ Was ist WebP?

WebP ist ein von Google in den USA entwickeltes Bildformat. Das Feature ist, dass das Bild verkleinert werden kann, was “25 bis 35% kleiner als JPEG und PNG” sein soll.

Derzeit (Stand Juli 2020) unterstützen etwa 78% der Browser wie Chrome, Edge und Firefox WebP, aber Safari unterstützt es noch nicht.

Bei “Items for Enhancement” in Google Speed ​​Insight, wenn Sie Formate der nächsten Generation wie “JPEG 2000”, “JPEG XR” und “WebP” verwenden, ist die Komprimierungsrate höher als PNG und JPEG und die Datei kann gelöscht werden , also ist auch die Lesegeschwindigkeit hoch. Steigt “.

■ Vorteile von WebP

Der Vorteil der Verwendung von WebP besteht, wie bereits erwähnt, darin, dass die Größe des Bildes reduziert werden kann.

Mit abnehmender Größe nimmt die Anzeigegeschwindigkeit der Seite zu, was auch ein Maß für SEO ist. Mit anderen Worten, WebP ist ein Bildformat, das die Anzeigegeschwindigkeit reduzieren soll.

Neben “JavaScript” ist “das Verkleinern des Bildes” wichtig, um die Geschwindigkeit der Seite zu verbessern, daher ist WebP ein Format, das wir gerne einbinden würden.

Ein weiterer Vorteil ist, dass die Bilddateiformate vereinheitlicht sind.

■ Nachteile von WebP

Der Nachteil von WebP ist, dass einige Browser noch nicht unterstützt werden.

Eines der Dinge, die nicht unterstützt werden, ist Safari. Gerade in Japan, wo der iPhone-Anteil groß ist, nutzen viele Leute Safari, daher ist es notwendig, ein alternatives Bildformat einzustellen.

■ Safari unterstützt auch WebP

Ab Juli 2020 ist “WebP” nicht mit Safari, einem Apple-Browser, kompatibel. Es wurde jedoch angekündigt, dass es mit der PC-Version und der iOS-Version von Safari 14 kompatibel sein wird.

Dies ist ein willkommenes Update in Japan, das einen großen Teil des iPhones enthält.

■ Hinweise und HTML-Beschreibungsmethode bei Verwendung von WebP

Die meisten Browser unterstützen Bilder im WebP-Format, aber nicht 100 % der Browser unterstützen WebP.

Daher muss für nicht unterstützte Browser beschrieben werden, wie ein anderes Bild wie unten gezeigt angezeigt wird.

<Bild>
<source type = “image / webp” srcset = “example.png.webp”>
<img src = “example.png”>
</ Bild>

example.png.webp gibt zwei Bildformate für ein Bild an, und wenn das Bild in example.png.webp nicht angezeigt werden kann, wird example.png angezeigt.

Was ist WebP?

Was ist WebP?

WebP

WebP?

WebP

Webp? Beeindruckend? Viele Leute lesen es aus Versehen, aber die richtige Lesart ist “Weppy”.

WebP ist ein von Google entwickeltes Standbildformat und die Dateierweiterung wird als “.webp” geschrieben.

Derzeit soll es das “Next Generation Format” sein und zieht Aufmerksamkeit auf sich, scheint es aber schon seit 2010 zu geben.

WebP wurde mit dem Ziel entwickelt, das Volumen des Website-Verkehrs zu reduzieren, und es ist ein Bildformat, das von denen überprüft werden sollte, die erwägen, das Gewicht und die Geschwindigkeit von Websites zu reduzieren.

Diesmal haben wir die Vor- und Nachteile des Einsatzes von WebP zusammengefasst.

Vorteil 1 von WebP: Dateigröße kann reduziert werden
Das ist schließlich das Beste.

Das wichtigste Merkmal von WebP ist, dass die Dateigröße etwa 25-34% kleiner als bei JPEG sein soll.

Tatsächlich habe ich ein WebP-Image erstellt und es verglichen.

Vergleich von WebP- und JPEG-Bildern

Ich erstelle ein WebP-Bild mit einer Komprimierungsrate, die auf den ersten Blick nicht so grob erscheint, aber die Dateigröße wurde um 73% reduziert. Das ist unglaublich.

Wenn Sie eine Website mit auf diese Weise mit WebP erstellten Bildern erstellen, wird das Laden der Website mit abnehmender Dateigröße beschleunigt.

als Ergebnis

Geringere Benutzerabzugsrate = Verbesserte UX (Benutzererfahrung)
Es ist auch effektiv für SEO-Maßnahmen (je schneller die Anzeigegeschwindigkeit der Site, desto höher die Bewertung)
Verwenden Sie Ressourcen für die Dateikapazität für andere Funktionen Ihrer Website
Das ist sehr gut.

WebP Advantage 2: Verlustbehaftete Komprimierung und Alphakanal-Behandlung
Verlustbehaftete Komprimierung bezieht sich grob auf Daten, die nicht vollständig wiederhergestellt werden können, wenn komprimierte Daten wiederhergestellt werden.

JPEG ist eine verlustbehaftete Komprimierung, unterstützt jedoch keine Alphakanäle.

Der Alphakanal bedeutet, dass er Hilfsdatenbereiche verarbeiten kann, die für die Verarbeitung von Transparenzinformationen vorbereitet sind, dh er kann auch transparente Bilder verarbeiten.

GIF und PNG sind verlustfreie Komprimierung, die Alphakanäle unterstützt, die transparente Bilder exportieren können, aber das Komprimierungsverhältnis ist niedrig.

Wie JPEG ist WebP ein spezielles Format, das transparente Bilder als GIF und PNG exportieren kann und dabei eine verlustbehaftete Komprimierung mit einer hohen Komprimierungsrate verwendet. Jedes Format hat eine Form, die die Mängel ausgleicht, und es unterstützt auch Animation und GIF, das ist also ein guter Punkt.

Nachteile von WebP: einige Browser unterstützen es nicht
Dies ist der einzige Nachteil.

Es gibt nur einen, aber es ist ein sehr wichtiger Punkt.

Ab April 2020 unterstützen Browser wie Chrome, Edge und Firefox WebP.

Safari unterstützt dies jedoch nicht. Safari unter iOS wird ebenfalls nicht unterstützt.

Ich denke, Mac- und insbesondere iPhone-Benutzer verwenden normalerweise Safari, aber wenn sie WebP verwenden, können sie die Bilder nicht sehen.

In Bezug auf den Anteil des reinen Smartphone-Betriebssystems machen iPhone-Nutzer in Japan mehr als 40% aus. es ist. Safari, der für 40% der Menschen der Standardbrowser ist, kann nicht einfach ignoriert werden.