WebP: Új képformátum a weboldalak számára
Ma, a weboldalak betöltési sebessége, A képek optimalizálásának egyik legfontosabb beállításává vált a kívánt 100/100 elérése érdekében, amelyet a Google Page Speed Insight eszköz kínál számunkra.
Ezért a Google már 2010-ben bemutatta saját ingyenes képformátumát weboldalak gyorsabban, hívták WebP. Lássuk egy kicsit, miről szól ez a képformátum.
Mi a WebP?
WebP egy modern képformátum, amely kiváló veszteségmentes és veszteséges tömörítést biztosít a webes képek számára. Val vel WebP, a webmesterek és fejlesztők a web kisebb, gazdagabb képeket hozhat létre, amelyek gyorsabbá teszik a webet.
Veszteségmentes képek WebP méretük 26% -kal kisebb, mint a PNG-ké. Vesztes képek WebP 25-34% -kal kisebbek, mint az egyenértékű SSIM minőségi indexű JPEG képek.
WebP A Lossless támogatja az átlátszóságot (más néven alfa-csatornát), mindössze 22% -os további bájtok költségével. Olyan esetekben, amikor veszteséges RGB-tömörítés elfogadható, WebP A Lossy támogatja az átláthatóságot is, általában háromszor kisebb fájlméretet biztosít a PNG-hez képest.
Hogyan működik a WebP?
Tömörítés WebP A Lossy prediktív kódolást használ egy kép kódolásához, ugyanezt a módszert alkalmazza a VP8 videokodek a videók kulcsképeinek tömörítésére. A prediktív kódolás a szomszédos pixelblokkok értékeit használja a blokk értékeinek előrejelzésére, majd csak a különbséget kódolja.
Tömörítés WebP A Lossless korábban megtekintett képfragmenseket használ az új pixelek pontos rekonstrukciójához. Használhat helyi palettát is, ha nem talál érdekes találatot.
Lássunk egy példát:
Kép PNG formátumban, 53 KB súlygal
Kép WebP formátumban, 11 KB súlygal
A bal oldali kép formátuma PNG és már tömörítve volt, és a súlyhoz hozzá lett igazítva 53 KB. Átalakítottuk ezt a képet formátumra WebP, és értékelni tudjuk, hogy ugyanazokat a dimenziókat tartja fenn, és nem vesztette el a felbontást, súlya mégis 11 KB.
Használat WebP A weboldalaink segítenek javítani a betöltési időt, és jobb élményt kínálnak felhasználóink számára.
Sajnos még mindig nem minden böngésző kínál támogatást ehhez az új formátumhoz, ezért sok esetben mindkét formátumot használnunk kell.
Ennek helyes módja a következő lesz:
Ilyen módon, ha a böngésző engedélyezi a WebP, először azt a formátumot tölti be. Abban az esetben, ha nem tudja, hogyan kell értelmezni, akkor a képeket JPG-be tölti be.
Webes támogatás
WebP ben natívan támogatott Google Chrome, Firefox, Edge, Opera böngésző és számos más szoftvereszközben és könyvtárban. A fejlesztők támogatást adtak különféle képszerkesztő eszközökhöz is.
A WebP tartalmazza a könnyű kódoló és dekódoló könyvtárat libwebp és parancssori eszközök cwebp Y dwebp képek konvertálása WebP formátumba és onnan, valamint eszközök a képek megtekintésére, keverésére és animálására WebP. A teljes forráskód a következő címen érhető el: hivatalos Google letöltési oldal.
A másik alternatíva az előre lefordított fájl letöltése cwebp konvertáló eszköz Linux, Windows vagy Mac OS X.