Sie können das Bild verkleinern! Bildformat der nächsten Generation “WebP”
Bildformat der nächsten Generation “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.