Jobb gombbal kattintasz egy képre egy weboldalon, elmented, és egy .webp fájlt kapsz. A képszerkesztőd nem ismeri fel. Az űrlap, ahová fel kellene töltened, visszautasítja. Öt évvel ezelőtt ez a formátum alig létezett a legtöbb ember tapasztalatában. Ma mindenhol ott van.
A WebP felemelkedése homályos Google-kísérletből a web domináns képformátumává egy történet a teljesítmény gazdaságosságáról, böngészőpolitikáról és a szoftver-ökoszisztémák lassú változásáról.
Miért hozta létre a Google a WebP-t
2010-ben a képek az átlagos weboldal teljes méretének nagyjából 60%-át tették ki. A Google-nak, amelynek üzlete attól függ, hogy az emberek gyorsan böngésszenek a weben, erős motivációja volt a képek kisebbé tételére.
A WebP a VP8 videokodekre épült — ugyanarra a tömörítési technológiára, mint a WebM videó. A Google felismerése az volt, hogy az évtizedek alatt optimalizált videotömörítési technikák adaptálhatók állóképekhez, és felülmúlhatják az elavuló JPEG szabványt (amely 1992-ből származik) és a nehezebb PNG formátumot.
Az eredmények jelentősek voltak:
| Összehasonlítás | Méretcsökkentés |
|---|---|
| WebP vs JPEG (azonos minőség) | 25-35%-kal kisebb |
| WebP vs PNG (azonos minőség) | 26%-kal kisebb |
| WebP animált vs GIF | 60-80%-kal kisebb |
Egy formátum, amely mindent tud A WebP szokatlan, mert támogatja a veszteséges tömörítést (mint a JPEG), a veszteségmentes tömörítést (mint a PNG), az átlátszóságot/alfa csatornát (mint a PNG) és az animációt (mint a GIF) — mindezt egyetlen formátumban. Egyetlen korábbi formátum sem kombinálta mind a négy képességet.
A lassú út az elfogadásig
Egy jobb formátummal rendelkezni nem elég. A WebP elfogadásának története megmutatja, hogyan alakítja a böngészőpolitika a webet:
- 2010 — A Google kiadja a WebP-t. Csak a Chrome támogatja.
- 2011-2014 — Az Opera hozzáadja a támogatást. A Firefox és a Safari elutasítják, formátum-fragmentációra hivatkozva.
- 2018 — A Firefox 65 végre hozzáadja a WebP támogatást évnyi ellenállás után.
- 2020 — Az Apple hozzáadja a WebP támogatást a Safari 14-hez és az iOS 14-hez — az utolsó nagy kitartó.
- 2022-jelen — Univerzális böngészőtámogatással az elfogadás gyorsan felgyorsul.
A létrehozás és az univerzális támogatás közötti 10 éves szakadék sokat megmagyaráz. A webfejlesztők nem használhatták biztonságosan a WebP-t, amíg minden nagyobb böngésző nem támogatta, mert nem támogatott formátum kiszolgálása törött képeket jelent. A <picture> HTML elem, amely lehetővé teszi különböző formátumok kiszolgálását különböző böngészőknek, volt az áthidaló technológia, amely lehetővé tette a fokozatos elfogadást.
Miért használja most minden weboldal
A weboldalak számára a WebP kiszolgálásának ösztönzői elsöprőek:
- A Google keresőalgoritmus figyelembe veszi az oldal sebességét a rangsorolásban. A Google PageSpeed Insights kifejezetten ajánlja a WebP-t. A nem használata csökkenti a teljesítményértékeket.
- A sávszélesség pénzbe kerül. Egy nagy e-kereskedelmi oldal, amely milliónyi képet szolgál ki, havonta ezreket takarít meg a JPEG-ről WebP-re váltással.
- A felhasználói élmény javul. Egy 20 termékképpel rendelkező oldal 2-3 MB-t takarít meg WebP-vel. Mobil kapcsolaton ez a különbség egy 2 másodperces és egy 6 másodperces oldalbetöltés között.
- A CMS platformok automatizálják. A WordPress az 5.8-as verzió óta automatikusan WebP-re konvertálja a képeket. A Shopify, a Squarespace és a legtöbb modern platform ugyanezt teszi.
Az eredmény az, hogy amikor ma elmentesz egy képet a webről, szinte mindig WebP-t kapsz — még ha az eredeti JPEG-ként lett feltöltve is. A szerver észleli, hogy a böngésződ támogatja a WebP-t, és az optimalizált verziót szolgálja ki.
A kompatibilitási probléma a böngészőkön kívül
A WebP tökéletesen működik a webböngészőkben, amire tervezték is. A probléma az, hogy a képek nem maradnak a böngészőkben:
- Irodai szoftverek — a Word, PowerPoint és Excel régebbi verziói nem támogatják a WebP-t
- Képszerkesztők — sok szerkesztő 2021 előtti verziója nem tudja megnyitni a WebP fájlokat
- Nyomtatási szolgáltatások — az online nyomtatási szolgáltatások általában JPEG-et, PNG-t vagy TIFF-et igényelnek
- Kormányzati és intézményi űrlapok — szinte kizárólag JPEG-et vagy PNG-t kérnek
- E-mail kliensek — a WebP az e-mail törzsében inkonzisztensen jelenik meg a különböző kliensekben
Ez frusztráló szakadékot teremt: a web WebP-t szolgál, de sok további felhasználás JPEG-et vagy PNG-t igényel. A formátumkonverzió gyakorlati szükséglete nem fog egyhamar megszűnni.
| Kontextus | WebP támogatott? |
|---|---|
| Webböngészők (minden modern) | Igen |
| Windows 11 / macOS Ventura+ képnézegetők | Igen |
| Microsoft Office (újabb verziók) | Igen |
| Régebbi szoftverek, nyomtatási szolgáltatások, űrlapok | Általában nem |
AVIF: a következő generáció
A WebP nem a történet vége. Az AVIF (AV1 Image File Format), amelyet az Alliance for Open Media (Google, Apple, Mozilla, Microsoft) fejlesztett, még jobb eredményeket ígér:
- 20%-kal kisebb, mint a WebP azonos minőség mellett
- Kiváló finom részletek és átmenetek kezelése
- Jobb HDR és széles színtér támogatás
- A modern AV1 videokodekre épül
Az AVIF böngészőtámogatása növekszik (a Chrome, Firefox és Safari mind támogatja), de az elfogadás ugyanazt a lassú mintát követi, mint a WebP. Valószínűleg még több évig tart, mire az AVIF felváltja a WebP-t, és amikor ez megtörténik, ugyanazokat a kompatibilitási fejfájásokat okozza majd, mint amilyeneket ma a WebP okoz.
A ciklus ismétlődik: jobb tömörítés, lassú böngészőelfogadás, végül mindenütt jelenvalóság, és a böngészőn kívüli kompatibilitási problémák hosszú farka.
Tovább
Ha WebP képeket kell konvertálnod böngészőn kívüli használatra:
- WebP konvertálása JPG-re — azonnali konverzió, helyben a böngésződben feldolgozva
- Képkonvertáló — konvertálás az összes főbb képformátum között
Mindkét eszköz ingyenes, és teljes egészében az eszközödön dolgozza fel a fájlokat.