WebP JPG-be: mikor konvertáljon, mikor ne, és miért

A Google 2010-ben adta ki a WebP-t a JPG kisebb méretű webes utódjaként, és egy évtizedig szűk körű formátum maradt, mert a Safari nem jelenítette meg. Ez 2020-ban változott, amikor az Apple a WebP-t beépítette a Safari 14-be és a macOS Big Surba. Miután minden jelentős böngésző meg tudta jeleníteni, a nagy mennyiségben képeket kiszolgáló cégek átálltak rá, méghozzá a szerveroldalon, ahol a döntést nem látja, és az oldalon semmi nem árulja el, melyik formátumot nézi éppen.

A Shopify képeket kiszolgáló CDN-je például WebP-t ad minden olyan böngészőnek, amely jelzi, hogy meg tudja jeleníteni, még akkor is, ha a termékfotót JPG-ként töltötték fel. A Google Képek az előnézeteit WebP-ben mutatja. A WordPress a 5.8-as verzió (2021) óta fogad el WebP-feltöltést; azt a tervet, hogy a JPG-feltöltéseket alapból WebP-re alakítsa, a 6.1-es kiadás előtt elvetették, de a WordPress teljesítménycsapatának Modern Image Formats bővítménye és számos tárhely képoptimalizálója pontosan ezt teszi. Az eredmény mindenhol ugyanaz: a fájl a weboldal tulajdonosának gépén még JPG volt, mire Önhöz ért, WebP lett.

A böngésző készséges résztvevő. A Chrome, az Edge és a Firefox minden képkérése tartalmaz egy Accept fejlécet, amely felsorolja az image/webp (és image/avif) típust, a formátum-egyeztetést támogató szerver pedig ebből a listából a legkisebb megjeleníthető formátumot választja. Ha jobb gombbal rákattint, és a Kép mentése másként lehetőséget választja, a böngésző a már megkapott bájtokat menti el. Ezért végződhet a fájlnév a címsorban .jpg-re, mégis WebP-ként kerül a lemezre, néha még kettős kiterjesztéssel is, például .jpg.webp.

A böngészők évek óta nem jelentenek gondot. A baj mindenhol máshol van: a 2022 előtt telepített asztali programokban, azokban a feltöltőűrlapokban, amelyek engedélyezett listáját egyszer megírták, és soha nem nyúltak hozzá, a JPG-re és TIFF-re épülő nyomdai folyamatokban, valamint azokban az e-mail-kliensekben, amelyek a beágyazott képeket saját dekóderrel jelenítik meg. Egyik sem hibázik segítőkészen. A nyomtatási portál egyszerűen elutasítja a fájlt, egy hivatalos űrlap érvénytelennek mondja a formátumot, egy régebbi Photoshop pedig általános „nem sikerült teljesíteni a kérést” üzenetet mutat, amely szóba sem hozza a WebP-t.

Az Adobe a Photoshop 23.2-es verziójában, 2022 februárjában adta hozzá a WebP natív megnyitását és mentését; bármi régebbihez külső bővítmény kell. A Lightroom Classic éveken át nem importált WebP-t, így egy régebbi verziójú katalógus az importálás során szó nélkül kihagyja ezeket a fájlokat. Windowson a régi Windows Fényképmegjelenítő egyáltalán nem tud WebP-t megnyitni, a Windows 10 Fotók alkalmazása pedig a Microsoft Áruházból telepíthető WebP Image Extensions csomagra támaszkodik. A legszigorúbbak a feltöltőűrlapok: az amerikai külügyminisztérium DS-160 vízumfotó-feltöltése például csak JPEG-et fogad el, és sok egyetemi jelentkezési és álláskereső portál csak a JPG, PNG és PDF formátumot sorolja fel.

A WebP azért szokatlan, mert egyetlen formátum két feladatot lát el: veszteséges tömörítést fotókhoz, és veszteségmentes tömörítést alfacsatornával grafikákhoz. Amikor átalakítja, el kell döntenie, melyik feladatot látta el a fájl, mert a JPG és a PNG ezek közül csak az egyiket kezeli jól. A kérdés nem az, hogy melyik formátum általában jobb (ezt a JPG, JPEG és PNG összehasonlítása tárgyalja), hanem hogy mi van pontosan ezen a képen, és hová kerül tovább.

A termékfotó, a háttérkép, a receptfotó vagy a nyaralós pillanatkép JPG-be való; a PNG-nél töredék méretű lesz, és ugyanúgy néz ki. A logó, az ikon, a matrica, az átlátszó hátterű kivágott termék vagy a szöveggel teli képernyőkép PNG-be való, mert a JPG vagy tömör színnel töltené ki az átlátszó részeket, vagy elmosná a betűk éles széleit. Ha nem biztos benne, nyissa meg a fájlt egy böngészőfülön sötét témával: ha a téma alakzat körül sakktábla vagy a sötét oldal látszik át, a kép átlátszóságot tartalmaz, és PNG kell hozzá.

A veszteséges WebP JPG-vé alakítása dekódolja a képpontokat, és más módszerrel újra kódolja őket, így az eredmény nem bitre azonos. A gyakorlatban 85–90-es JPG-minőségnél a különbség jóval a normál méretben látható szint alatt marad, még nagy felbontású képernyőn is. A letöltött WebP látható vesztesége korábban keletkezett, amikor a weboldal tömörítette, és az átalakítás ezt a részletet nem tudja visszahozni; csak azt éri el, hogy nem romlik sokat tovább. A második-harmadik átalakítás már összeadódna, ezért egyszer alakítson át, a mentett WebP-ből, ne láncolja a formátumokat.

Három dolog változik úgy, hogy észrevehetné. A fájl nő, általában legalább harmadával, mert a JPG kevésbé hatékony formátum; ha az űrlapnak KB-korlátja van, előbb alakítson át, majd tömörítse 100 KB-ra vagy a megadott korlátra. Az átlátszóság elvész: a WebP–JPG átalakítón az Átlátszó területek beállítás alapból Fehér színnel tölti ki ezeket a képpontokat, de választhat Fekete vagy Egyéni szín lehetőséget is. Az animáció is elvész, mert a JPG egyetlen képkockát tárol, és csak az elsőt tartja meg.

Ami nem változik, az legalább ilyen fontos: a képpontméretek, a tájolás és a színek változatlanok maradnak, a beágyazott színprofil pedig megmarad, amíg a Színprofil megtartása be van kapcsolva. Ha nyomtatáshoz alakít át, emelje a Minőség értékét 90-re vagy följebb; a plusz bájtok a fotólabornál nem számítanak, és eloszlatják a kétséget az égbolt és a bőr finom átmeneteivel kapcsolatban. A szigorú KB-korlátú feltöltésekhez az 50 helyett a 80 általában még tiszta fotón, és több helyet hagy a korlát alatt, mint a 90. 70 alatt blokkos élek jelennek meg a szöveg és a finom vonalak körül.

Átalakítás előtt érdemes megnézni, hogy az oldal odaadja-e az eredeti fájlt, mert így egy tömörítési generáció teljesen kimarad. Hogy ez működik-e, azon múlik, hogyan állítja elő az oldal a WebP-t. Ha a WebP-t egy CDN menet közben készíti, a JPG még megvan a szerveren, és a megfelelő kéréssel lekérhető. Ha az oldal csak a WebP-t tárolta, ahogy egyes WordPress-beállítások a feltöltések átalakítása után, nincs már JPG, és az átalakítás az egyetlen út.

Az alábbi trükkök a legmegbízhatóbbtól a legkevésbé megbízhatóig követik egymást. Egyikük sem szokatlan: mind hétköznapi böngészőműveletek és letöltési hivatkozások, amelyeket az oldal már kínál. Az online leggyakrabban ajánlott, a képcím végére írt ?format=jpg a legkevésbé megbízható. Csak akkor működik, ha a képek CDN-je éppen ilyen nevű paramétert olvas, és a legtöbb nem, így ugyanazt a WebP-t kapja vissza, hibaüzenet nélkül, amely jelezné a trükk kudarcát.

Ha elmentett egy termékkatalógust, referenciaképeket vagy egy mappányi háttérképet, a fájlonkénti átalakítás gyorsan fárasztóvá válik. Az átalakító egy kötegben legfeljebb 20, egyenként legfeljebb 95 MB-os fájlt fogad, mindegyikre ugyanazt a Minőség és Átlátszó területek beállítást alkalmazza, és egyetlen ZIP-et ad vissza. A fájlokat a feldolgozás után 30 perccel törli a szerverről, és semmit nem kell telepíteni. Száz kép öt köteg.

Indulás előtt rendezze a mappát. A fotókat tegye egy kötegbe JPG-hez, a logókat, ikonokat és minden átlátszó hátterű képet pedig egy másikba a WebP–PNG átalakításhoz, hogy semmi ne kapjon fehér dobozt maga köré. Macen az Előnézet Exportálás parancsa egyedi fájlokat alakít át, a parancssort használók pedig nagyon nagy mappákhoz futtathatják az ImageMagick mogrify -format jpg *.webp parancsát. Mindkettő ugyanazt adja, mint a böngészős átalakító; a különbség csak abban van, mennyi beállítást vállal.

A Chrome-ban, az Edge-ben és a Firefoxban nincs „képek mentése JPG-ként” beállítás, és ez nem mulasztás. A böngésző nem választ formátumot; jelzi, mely formátumokat tudja megjeleníteni, és az oldal választ egyet. A Chrome pontosan azt menti, amit kapott, újrakódolás nélkül, ami helyes működés: a mentéskor végzett néma átalakítás olyan veszteséges lépést adna, amelyet nem kért. Ezért a böngészőváltás sem segít. Minden mai böngésző felsorolja a WebP-t az Accept fejlécében, és ugyanattól az oldaltól mind ugyanazt a WebP-t kapja.

Így három gyakorlati lehetőség marad. Megszerezheti az eredetit az oldalról a fenti lépésekkel. Telepíthet egy böngészőbővítményt, amely mentés közben újrakódolja a képet, ami ugyanaz az átalakítás más gombbal. Vagy elmentheti a WebP-t, és csak akkor alakítja át, ha valami nem fogadja el. Ez általában a legkevesebb munka, mert a mentett képek nagy részét csak képernyőn nézik, ahol a WebP minden böngészőben, a macOS Big Sur és újabb Előnézetében, valamint a Windows 11 Fotók alkalmazásban is hibátlanul megnyílik.

Ha kíváncsi, hogyan viszonyul a WebP a többi modern formátumhoz, amelyet az oldalak ma kiszolgálnak, köztük az AVIF-hez, amely ugyanezeken a CDN-eken már kezdi leváltani a WebP-t, olvassa el az AVIF, HEIC és WebP összehasonlítását. A cikk gyakorlati tanácsai szinte változatlanul érvényesek: az AVIF-et, amelyet egy program nem fogad el, ugyanígy oldja meg, fotóhoz JPG-vé, grafikához PNG-vé alakítva. A formátumról további részletek a Google WebP projektoldalán találhatók.