WebP vs AVIF vs JXL: 2026-os képformátum-összehasonlítás
Egymás melletti összehasonlítás a WebP, az AVIF és a JPEG XL között 2026-ban. Fájlméret-tesztek, böngészőtámogatás, kódolási sebesség, alfakezelés, EXIF-viselkedés, és mikor melyiket válaszd.
Gyors válasz: A legtöbb weboldalhoz 2026-ban az AVIF először, WebP tartalékkal a helyes választás (az AVIF nagyjából 50%-kal kisebb, mint a JPEG, azonos vizuális minőség mellett, erős 2026-os böngészőtámogatással). Csak Apple-kontextusokhoz a JPEG XL nyer a kódolási sebességben és a progresszív dekódolásban, de a Safarin kívül még többnyire nem támogatott. E-mailhez, közösségi médiához és egyetemes megosztáshoz a JPEG marad a biztonságos választás, a modern formátumok az általad ellenőrzött helyekre valók. Hogy összehasonlítsd a formátumokat a saját képeden, húzd be a Képátalakítónkba vagy a Képtömörítőnkbe, és figyeld, ahogy a fájlméret élőben frissül.
A JPEG 33 éves. A WebP 15. Az AVIF 2019-ben jelent meg. A JPEG XL-t 2022-ben véglegesítették. 2026-ra mind a három modern formátum kiforrott, és a kérdés, hogy melyiket használd, már nem elméleti: közvetlenül befolyásolja a Core Web Vitals értékeket, az oldalbetöltési sebességet, a mobiladat-költségeket és a tárhelyet. Ez az útmutató egy gyakorlatias 2026-os összehasonlítás: mi mindegyik formátum, valós fájlméret-számok, hol működik mindegyik, és hogyan válassz.
A versenyzők, egy-egy bekezdésben
A WebP (Google, 2010) a konzervatív modern választás. Nagyjából 25-35%-kal kisebb, mint a JPEG, egyenértékű minőségen, teljes veszteségmentes móddal, átlátszósággal (alfa) és animációval. A böngészőtámogatás egyetemes 2026-ban (minden modern böngésző, Gmail, WhatsApp, minden CMS). A hátulütő: a kódolási minőség tisztességes, de nem nagyszerű az AVIF-hez képest, és az EXIF-metaadat-támogatás egyenetlen.
Az AVIF (Alliance for Open Media, 2019) a modern győztes a tiszta fájlméretben. Az AV1 videokodekre épül. Nagyjából 50%-kal kisebb, mint a JPEG, és 25-35%-kal kisebb, mint a WebP, azonos vizuális minőség mellett. Támogatja az átlátszóságot, a HDR-t, a széles színskálát és a 12 bites képpontokat. A böngészőtámogatás 2024-ben elérte a paritást, 2026-ban minden nagyobb böngésző natívan dekódolja az AVIF-et. A hátulütő: a kódolás lassabb, mint a WebP-é (valós probléma a kötegelt munkákhoz), és a nagyon régi e-mail kliensek még mindig nem jelenítik meg beágyazva.
A JPEG XL (.jxl, ISO/IEC 18181, 2022) a technikai kedvenc a fotósok és mérnökök körében. Meglévő JPEG-ek veszteségmentes átkódolása (kódolj újra egy JPEG-et JXL-ként, és ~20%-ot spórolsz nulla minőségvesztéssel), 1 bites alfatámogatás, valódi progresszív dekódolás és kiváló kódolási/dekódolási sebesség. Natív támogatás a Safari 17+ alatt iOS 17+ és macOS Sonoma+ rendszeren. A hátulütő: a Chrome 2022-ben eldobta a JXL-t, és (2026 állapotában) még mindig nem adta vissza, így a böngészők közötti webes használat JS polyfilleket vagy tartalékokat igényel.
Fájlméret-összehasonlítás: valós számok
Ugyanaz az iPhone-tájkép (4032 × 3024 képpont), formátumok között "vizuálisan azonos" minőségen kódolva:
| Formátum | Fájlméret | % a JPEG-hez | Vizuális minőség |
|---|---|---|---|
| JPEG (minőség 92) | 2.8 MB | referencia | kiváló |
| JPEG (minőség 85) | 1.6 MB | -43% | nagyon jó |
| WebP (minőség 80) | 1.1 MB | -61% | nagyon jó |
| AVIF (minőség 60) | 0.78 MB | -72% | nagyon jó |
| JPEG XL (effort 7, distance 1.0) | 0.92 MB | -67% | nagyon jó |
Egy 600 × 800 termékfotóhoz átlátszósággal:
| Formátum | Fájlméret | Átlátszóság? |
|---|---|---|
| PNG (veszteségmentes) | 280 KB | ✓ |
| WebP (minőség 90) | 88 KB | ✓ |
| AVIF (minőség 70) | 52 KB | ✓ |
| JPEG XL (effort 7) | 65 KB | ✓ |
A minta a legtöbb fényképtartalomnál érvényes: az AVIF nyer méretben, a JXL közel van, a WebP az egyetemes középút, a JPEG a legnagyobb, de a legkompatibilisebb. A számok képtartalomtól függően (sík területek vs részletgazdag, fényképszerű vs szintetikus) 10-20%-kal változnak.
Böngészőtámogatás 2026-ban
| Formátum | Chrome | Edge | Safari | Firefox | iOS | Android |
|---|---|---|---|---|---|---|
| WebP | ✓ | ✓ | ✓ (14+) | ✓ | ✓ | ✓ |
| AVIF | ✓ | ✓ | ✓ (16.4+) | ✓ (113+) | ✓ (16.4+) | ✓ (Chrome 85+) |
| JPEG XL | ✗ (eldobva 2022) | ✗ | ✓ (17+) | részleges (kapcsoló mögött) | ✓ (17+) | ✗ |
Gyakorlati 2026-os értelemben:
- A WebP a felhasználók 99%-ánál működik, nincs tervezésre érdemes kivétel.
- Az AVIF a felhasználók 97%-ánál működik, szállíts JPEG tartalékkal a hosszú farokhoz.
- A JPEG XL natívan csak az Apple ökoszisztémában működik, hasznos iOS-alkalmazásokhoz és csak Apple fotómunkafolyamatokhoz, az általános webhez még nem.
Kódolási sebesség összehasonlítása
Egy kritikus gyakorlati tényező, amelyet a tömörítési teszteknél gyakran elmulasztanak: meddig tart valójában a fájl kódolása?
| Formátum | Kódolási idő (egy 4032×3024 fotó, egy mag) |
|---|---|
| JPEG (minőség 85) | 0.05 s |
| WebP (minőség 80) | 0.18 s |
| JPEG XL (effort 7) | 0.32 s |
| AVIF (minőség 60, sebesség 6) | 1.4 s |
| AVIF (minőség 60, sebesség 9 / gyors) | 0.55 s |
Az AVIF alapbeállításokkal nagyjából 7-10-szer lassabb kódolni, mint a JPEG-et. Egy 100 fotós kötegnél ez valós várakozás. A WebP és a JXL jobb egyensúlyt teremt. A böngészőoldali kódolók (canvas.toBlob('image/avif')) még a natív könyvtáraknál is lassabbak.
Az interaktív eszközöknél (mint a Képtömörítőnk) ez számít: az AVIF adja a legjobb fájlméretet, de az élő előnézet késleltetése észrevehető.
EXIF és metaadat-viselkedés
| Formátum | EXIF | IPTC | XMP | C2PA Content Credentials |
|---|---|---|---|---|
| JPEG | ✓ teljes | ✓ | ✓ | ✓ (széles körben elfogadott) |
| WebP | részleges (dekódolófüggő) | részleges | ✓ | részleges |
| AVIF | ✓ (újabb dekódolók) | ✓ | ✓ | ✓ |
| JPEG XL | ✓ | ✓ | ✓ | ✓ |
Az EXIF-viselkedés a WebP-ben és az AVIF-ben kódolótól és dekódolótól függően változik. A böngészők (konkrétan a canvas.toBlob) eltávolítják az EXIF-et, amikor WebP-be vagy AVIF-be kódolnak újra, az EXIF megőrzése szerveroldali eszközöket igényel, mint az ImageMagick, a libvips vagy a sharp.
Az EXIF-túlélésről a folyamatok között többet a magyarázónkban olvashatsz: mi az EXIF-adat? és iPhone fotómetaadat teljes útmutató.
Minőség alacsony bitsebességeknél
Az érdekes csatatér nem a vizuálisan veszteségmentes minőség (mind a három modern formátum eljut oda). Hanem a minőség agresszíven alacsony fájlméreteknél, ahol egy 100 KB-os képet próbálsz szállítani egy lassú mobilkapcsolatra.
100 KB-nál egy 1080×1080 képhez:
- JPEG: látható blokk-műtermékek, színsávozás, különösen a gradiensekben (ég, bőr).
- WebP: simább gradiensek, mint a JPEG, de egy lágy, "elmosódott" kinézet ennél a bitsebességnél.
- AVIF: észrevehetően jobb, megőrzi a részleteket, és elkerüli a WebP "lágy" kinézetét.
- JPEG XL: hasonló az AVIF-hez, kissé jobb részletmegőrzéssel.
A Core Web Vitals (LCP, CLS) szempontjából mobilon ez a rés számít. Az AVIF 70%-os minőségen gyakran 30%-kal kisebbet szállít, mint a WebP 80%-os minőségen, érzékelhető különbség nélkül, ami pontosan az, ami segít az oldalbetöltési mutatókon.
Mikor melyiket válaszd (gyakorlati döntési fa)
Web (te irányítod az oldalt):
- Alapértelmezett: AVIF WebP tartalékkal, JPEG tartalékkal. Használd a
<picture>elemet. - Mobil-első / Core Web Vitals prioritás: az AVIF a helyes választás.
- Egyszerűbb karbantartás (nincs tartalék lánc): WebP. ~20% fájlméretbe kerül az AVIF-hez képest, de egyetemes támogatást nyer
<picture>nélkül.
E-mail melléklet vagy megosztott fájl:
- Mindig JPEG. Az e-mail kliensek következetlenek a WebP-nél és az AVIF-nél.
Apple ökoszisztéma (iOS-alkalmazás, csak Mac munkafolyamat):
- A JPEG XL valós opció. Natív támogatás a Safariban, gyors kódolás, veszteségmentes JPEG-átkódolás.
- Az Apple-ön kívüli megosztáshoz ess vissza JPEG-re.
CMS vagy stockkép-könyvtár:
- WebP. Egyetemes támogatás, kisebb, mint a JPEG, nincs tartalék bonyolultság, a legtöbb CMS jól szolgálja ki.
- AVIF, ha a CMS-ed támogatja, és a közönséged mobilközpontú.
Fotó átlátszósággal (logók, termékfelvételek, UI):
- AVIF a legkisebbért átlátszósággal.
- WebP egyetemes középútként.
- PNG csak akkor, ha feltétlenül veszteségmentes kell.
Fényképtartalom EXIF-fel, amelynek túl kell élnie:
- JPEG (a legmegbízhatóbb a láncon át).
- JPEG XL a csak Apple kontextusokhoz.
Hogyan konvertálj és tesztelj
A Képátalakítónk böngészőoldali konvertálást kezel a JPG, PNG, WebP, AVIF, HEIC, GIF, BMP és ICO között. Húzz be egy fájlt, válaszd ki a kimeneti formátumot, töltsd le kötegelve ZIP-ként. Semmi sem töltődik fel.
Élő, egymás melletti tömörítési teszthez minőségcsúszkával használd a Képtömörítőnket. Az eredeti és az újratömörített előnézet egymás mellett ül a pontos megtakarított bájtokkal.
A sok bemeneti formátumon egyszerre történő formátum-összehasonlításokhoz húzz egy mappát az átalakítóba, exportálj JPEG-be, majd WebP-be, majd AVIF-be, és hasonlítsd össze az eredményül kapott ZIP-eket.
Gyakori kérdések
Miért dobta el a Chrome a JPEG XL-t? A Google 2022-ben eltávolította a JXL-dekódolót a Chrome-ból, "a tágabb ökoszisztéma érdeklődésének hiányára" és az erőforrásköltségekre hivatkozva. A döntés ellentmondásos volt (fejlesztői petíciók, Mozilla nyitott jegy, fotós ellenkezés). 2026 állapotában nincs bejelentve újbóli hozzáadás.
Halott a WebP? Nem. A WebP a biztonságos modern formátum egyetemes támogatással és tartalék bonyolultság nélkül. Az AVIF nyer méretben, de karbantartási terhet ad hozzá. A WebP marad a helyes alapértelmezett a legtöbb nem szélsőséges felhasználási esethez.
Tényleg lehet az AVIF 50%-kal kisebb, mint a JPEG? Igen, fényképtartalomhoz egyező vizuális minőségen. A rés kisebb (15-25%) szintetikus tartalomnál (logók, képernyőképek, vonalrajz), ahol a veszteségmentes vagy közel veszteségmentes több értelmet ad.
Megőrzi a WebP az átlátszóságot? Igen. Mind a veszteséges, mind a veszteségmentes WebP támogatja a 8 bites alfát.
Felváltja az AVIF a JPEG-et? Végül valószínűleg. A JPEG túlságosan beágyazódott a gyors váltáshoz, de minden böngésző, amely natívan dekódolja az AVIF-et, és minden CDN, amely kiszolgálja, valóssá teszi az átmenetet. 2030-ra az AVIF valószínűleg az alapértelmezett lesz a webes fényképezéshez.
Mi a helyzet a HEIC-kel? A HEIC és a HEIF ugyanazt a kodekcsaládot használja, mint az AVIF (mindkettő HEVC/AV1 korszakbeli). A HEIC az Apple változata, az AVIF a nyílt szabványú unokatestvér. Apple-Apple munkafolyamatokhoz HEIC. Platformközi webhez AVIF. Lásd a HEIC vs JPG cikket a HEIC szemszögéhez.
Összegzés
2026-ban a helyes modern formátum a céltól függ:
- Web teljes kontrollal: AVIF, WebP és JPEG tartalékokkal
<picture>segítségével. - Web egyszerű stackkel: WebP. A legjobb egyetemes modern formátum, nincs tartalék-karbantartás.
- E-mail és közösségi: JPEG. A modern formátumok itt még nem biztonságosak.
- Csak Apple ökoszisztéma: JPEG XL. Gyors, kicsi és natívan támogatott.
Egyszeri konvertálásokhoz húzd a fájlt a Képátalakítónkba. Kötegelt és élő előnézetes tömörítési teszthez használd a Képtömörítőt. Mindkettő teljes egészében a böngésződben fut.
A HEIC vs JPG kérdés az iPhone-specifikus kontextusokhoz a saját útmutatója: HEIC vs JPG: Melyik formátumot használd 2026-ban?
Próbáld ki az eszközöket
Bélyegezz egy fotót közvetlenül a böngészőben, vagy telepítsd az iOS-appot, hogy élő fotókat készíts GPS-szel és atomórával.