Qu; a WebP és ennek a formátumnak a használata d; kép a Wordpress-ben - Zen Devs
Mivel a képek általában egy átlagos weboldal súlyának 50% -át teszik ki, bármi, amit a képek optimalizálása érdekében tehet, nemcsak helyet takarít meg a szerveren, hanem gyorsabban is kiszolgálja az oldalakat.
Szerencsére a WebP képformátummal kisebb, gazdagabb képeket hozhat létre, amelyek átlagosan 26% -kal könnyebbek, mint a PNG, és 25-34% -kal kevesebbek a JPEG-hez képest - miközben továbbra is ugyanaz a minőség marad.
Ebben a cikkben megvizsgáljuk, mi is a WebP, és hogyan használhatja ezt a képformátumot a WordPress webhelyén a képméret drámai csökkentéséhez.
Mi a WebP ?
A WebP a Google Web Team által létrehozott képfájl-formátum, amelyet a JPEG, PNG és GIF formátumok helyettesítésére fejlesztettek ki, miközben támogatja a tömörítést, az átláthatóságot és az animációt.
Először 2010 szeptemberében jelentették be új, nyílt szabványként a veszteséges, tömörített színes képek számára az interneten, amelyek kisebb fájlméreteket hoznak létre, és minőségükben összehasonlíthatók a JPEG-kel.
2012-ben jelentették be a veszteségmentes és átlátszó képek támogatását, így a WebP a PNG formátum alternatívája lett.
A WebP veszteséges tömörítése prediktív kódolást használ a keret kódolásához - ugyanazt a módszert alkalmazza a VP8 videokodek a videók kulcsképeinek tömörítésére. A prediktív kódolás úgy működik, hogy a szomszédos pixelblokkok értékeivel megjósolja a blokk értékét, majd csak a különbséget kódolja.
A WebP veszteségmentes tömörítése korábban látott képfragmenseket használ fel új pixelek rekonstruálására, és ha nem található egyezés, akkor helyi palettát is használhat.
Amint az a Google WebP galéria alábbi példáiban látható, nincs észrevehető minőségi különbség a bal oldali JPEG képek és a jobb oldali WebP verziók között. Amit nem lát, hacsak nem ellenőrzi a fájl méretét, az az, hogy a WebP-képek több mint 30% -kal kisebbek, mint a JPEG-képek.
De mint korábban itt mondtam, ha egy oldal súlyáról van szó, a méret számít. Végül is, minél kisebb egy weboldal fájlmérete, annál gyorsabban töltődik be. Olyan egyszerű 😉
Tehát a képek fájlméretének csökkentésével egy olyan formátumban, mint a WebP, más technikákkal kombinálva, például a lusta betöltés funkcióval, akkor olyan képeket is kiszolgálhat, amelyek kisebbek és biztosítják, hogy az oldalakat gyorsabban juttassák el a webhely látogatóihoz.
A WebP formátum támogatása a böngészőkben
Kíváncsi lehet, mivel a WebP már nyolc éve létezik, miért nem népszerűbb? Miért használjuk továbbra is a JPEG-t és a PNG-t, amikor a WebP kisebb méretű és összehasonlítható minőségű fájlokat képes előállítani? ?
Nos, mint az interneten számos olyan technológia, amely küzd a talpáért, nem minden modern böngésző támogatja a WebP-t. A Használhatom ... szerint a WebP-t támogató böngészők között megtalálható a Chrome, az Opera, az Opera, az Opera Mini, az Android böngésző és a Chrome for Android.
A Microsoft tavaly októberben bejelentette, hogy támogatja a WebP-t Edge böngészőjében, a Mozilla pedig röviddel ezután tett hasonló bejelentést a Firefox számára. Most csak az Apple Safari lemaradása, kompatibilitás nélkül.
Miután először megmutatta érdeklődését a képformátum-támogatás iránt, amikor a WebP-támogatást hozzáadta az iOS 10-hez és a MacOS Sierra-hoz, az Apple később HEIF-re cserélte, a HEVC videotömörítési szabványon (más néven H.265 és MPEG-H 2. rész) alapuló képformátummal. ).
Bár nemrégiben nem volt arra utaló jel, hogy az Apple a jövőben támogatni fogja a WebP-t, a vállalatnak most nincs igazán más választása, mint az összes többi nagy böngésző és képszerkesztő szoftver.
A WebP használata - JPEG/PNG fájlokkal tartalék megoldásként
Az, hogy az Apple nem támogatja a WebP-t, még nem jelenti azt, hogy ne használja a formátumot. WebP fájlok biztosíthatók a látogatók számára támogatott böngészőkkel, miközben a JPEG és PNG fájlokat tartalékként tekintik meg a Safari felhasználók számára.
Így ahelyett, hogy a WebP-t minden felhasználónak eljuttatná, és kockáztatná a Safari-felhasználók meghibásodott képeit, megbizonyosodhat arról, hogy a webhely összes látogatója látja-e a képeit - miközben a támogatott böngészővel rendelkező felhasználók gyorsabb élményt kapnak.