WebP na JPG: kedy previesť, kedy nie a prečo | UltKit

Google vydal WebP v roku 2010 ako menšiu náhradu JPG na webe a celé desaťročie zostal okrajovým formátom, pretože ho Safari nezobrazovalo. To sa zmenilo, keď Apple v roku 2020 pridal podporu WebP do Safari 14 a macOS Big Sur. Keď ho dokázali zobraziť všetky veľké prehliadače, firmy, ktoré obrázky poskytujú vo veľkom, na neho prešli, a urobili to na strane servera, kde rozhodnutie nevidíte a kde vám nič na stránke neprezradí, na aký formát sa práve pozeráte.

CDN pre obrázky v Shopify napríklad posiela WebP každému prehliadaču, ktorý hlási, že ho vie zobraziť, aj keď bola fotka produktu nahraná ako JPG. Google Images zobrazuje náhľady ako WebP. WordPress prijíma nahrávanie WebP od verzie 5.8 z roku 2021; plán, aby predvolene konvertoval nahrané JPG na WebP, bol pred vydaním verzie 6.1 zrušený, ale plugin Modern Image Formats od tímu pre výkon WordPressu a mnohé optimalizátory obrázkov u hostingov robia presne toto. Výsledok je všade rovnaký: súbor bol JPG na počítači majiteľa webu a k vám sa dostal ako WebP.

Prehliadač s tým ochotne spolupracuje. Každá požiadavka na obrázok z Chromu, Edge a Firefoxu nesie hlavičku Accept so zoznamom image/webp (a image/avif) a server s podporou vyjednávania formátu tento zoznam prečíta a vyberie najmenší formát, ktorý viete zobraziť. Keď kliknete pravým tlačidlom a zvolíte Uložiť obrázok ako, prehliadač uloží bajty, ktoré už dostal. Preto môže názov súboru v adrese končiť na .jpg a na disk aj tak dorazí WebP, niekedy dokonca s dvojitou príponou ako .jpg.webp.

Prehliadače prestali byť problémom pred rokmi. Problém je vo všetkom ostatnom: v desktopovom softvéri nainštalovanom pred rokom 2022, vo formulároch na nahrávanie s zoznamom povolených formátov, ktorý sa napísal raz a nikto sa ho nedotkol, v tlačových službách postavených na JPG a TIFF a v e-mailových klientoch, ktoré vkladané obrázky vykresľujú vlastným dekodérom. Nič z toho nezlyhá užitočným spôsobom. Tlačový portál súbor jednoducho odmietne, vládny formulár napíše, že formát je neplatný, a starší Photoshop zobrazí všeobecnú správu „nepodarilo sa dokončiť vašu požiadavku“, ktorá o WebP nespomenie ani slovo.

Adobe pridal natívne otváranie a ukladanie WebP do Photoshopu vo verzii 23.2, vydanej vo februári 2022; staršie verzie potrebujú plugin tretej strany. Lightroom Classic roky WebP neimportoval, takže knižnica na staršej verzii tieto súbory pri importe potichu preskočí. Vo Windowse starší Windows Photo Viewer WebP vôbec neotvorí a aplikácia Fotky vo Windowse 10 závisí od balíka WebP Image Extensions od Microsoftu z obchodu Store. Formuláre na nahrávanie sú najprísnejšie: nahrávanie fotky k vízu DS-160 amerického ministerstva zahraničia napríklad berie iba JPEG a mnohé univerzitné prihlášky a portály s pracovnými ponukami uvádzajú JPG, PNG a PDF a nič iné.

WebP je nezvyčajný tým, že jeden formát pokrýva dve úlohy: stratovú kompresiu pre fotografie a bezstratovú kompresiu s alfa kanálom pre grafiku. Pri prevode z neho musíte zvoliť, ktorú z týchto dvoch úloh súbor plnil, pretože JPG a PNG zvládajú dobre vždy len jednu. Nejde o to, ktorý formát je vo všeobecnosti lepší (to porovnanie nájdete v článku JPG vs JPEG vs PNG), ale o to, čo obsahuje tento konkrétny obrázok a kam pôjde ďalej.

Fotka produktu, tapeta, obrázok receptu alebo dovolenkový záber patria do JPG; bude zlomkom veľkosti PNG a bude vyzerať rovnako. Logo, ikona, nálepka, vystrihnutý produkt na priehľadnom pozadí alebo snímka obrazovky plná textu patria do PNG, pretože JPG by priehľadné oblasti vyplnil jednolitou farbou alebo by rozmazal ostré hrany písmen. Ak si nie ste istí, otvorite súbor na karte prehliadača s tmavou témou: ak okolo motívu presvitá šachovnica alebo tmavá stránka, obrázok má priehľadnosť a potrebuje PNG.

Pri prevode stratového WebP na JPG sa pixely dekódujú a znova zakódujú inou metódou, takže výsledok nie je bit po bite rovnaký. V praxi je pri kvalite JPG 85 až 90 rozdiel hlboko pod hranicou toho, čo uvidíte v bežnej veľkosti, aj na obrazovke s vysokým rozlíšením. Viditeľná strata v stiahnutom WebP vznikla skôr, keď ho web skomprimoval, a prevod tento detail nevráti; len sa vyhne pridaniu ďalšej straty. Druhý alebo tretí prevod by sa sčítali, preto konvertujte raz, z uloženého WebP, a nereťazte formáty.

Menia sa tri veci, ktoré si môžete všimnúť. Súbor sa zväčší, zvyčajne o tretinu alebo viac, pretože JPG je menej efektívny formát; ak má formulár limit v KB, najprv previesť a potom komprimovať na 100 KB alebo na iný limit. Priehľadnosť sa zlúči: v konvertore WebP na JPG nastavenie Priehľadné oblasti vyplní tieto pixely predvolene farbou Biela, alebo Čierna či Vlastná farba. A animácia sa stratí, pretože JPG obsahuje jeden snímok a zachová sa len prvý.

Rovnako dôležité je, čo sa nemení: rozmery v pixeloch, orientácia a farby zostávajú rovnaké a vložený farebný profil sa zachová, kým je zapnuté Zachovať farebný profil. Ak konvertujete pre tlač, zvýšte Kvalita na 90 alebo viac; bajty navyše vo fotolabe nič nestoja a odstránia pochybnosti o plynulých prechodoch na oblohe a pokožke. Pri nahrávaní s prísnym limitom v KB je 80 zvyčajne pri fotke stále čistá a necháva viac miesta pod limitom než 90. Pod približne 70 sa okolo textu a jemných čiar začínajú objavovať blokové hrany.

Pred prevodom sa oplatí skontrolovať, či vám web dá pôvodný súbor, pretože tým sa úplne vynechá jedna generácia kompresie. Závisí to od toho, ako web WebP vytvára. Ak WebP vzniká priamo v CDN, JPG na serveri stále existuje a správna požiadavka ho môže získať. Ak web uložil len WebP, ako to robia niektoré inštalácie WordPressu po konverzii nahraných súborov, JPG už nezískate a prevod je jediná cesta.

Nižšie uvedené triky sú zoradené od najspoľahlivejšieho po najmenej spoľahlivý. Žiadny nie je nezvyčajný: sú to bežné akcie prehliadača a odkazy na stiahnutie, ktoré web už ponúka. Ten, ktorý sa online odporúča najčastejšie, pridanie ?format=jpg na koniec adresy obrázka, je zároveň najmenej spoľahlivý. Funguje len vtedy, keď CDN pre obrázky číta parameter presne s týmto názvom, a väčšina nie, takže dostanete ten istý WebP bez chyby, ktorá by prezradila, že trik zlyhal.

Ak ste si uložili katalóg produktov, sadu referenčných obrázkov alebo priečinok tapiet, prevod po jednom súbore sa rýchlo omrzí. Konvertor berie v jednej dávke až 20 súborov s veľkosťou až 95 MB každý, na všetky použije rovnaké nastavenia Kvalita a Priehľadné oblasti a vráti jeden ZIP. Súbory sa zo servera vymažú 30 minút po spracovaní a nič sa nemusí inštalovať. Priečinok so 100 obrázkami je päť dávok.

Pred začiatkom si priečinok roztrieďte. Fotografie dajte do jednej dávky pre JPG a logá, ikony a všetko s priehľadným pozadím do druhej pre WebP na PNG, aby okolo ničoho nevznikol biely obdĺžnik. Ak pracujete na Macu, príkaz Export v Preview konvertuje jednotlivé súbory a používatelia príkazového riadka môžu pri veľmi veľkých priečinkoch spustiť mogrify -format jpg *.webp z ImageMagicku. Obe cesty dajú rovnaký výsledok ako konvertor v prehliadači; líši sa len množstvo prípravy.

V Chrome, Edge ani Firefoxe nie je nastavenie „ukladať obrázky ako JPG“ a nie je to opomenutie. Prehliadač formát nevyberá; oznámi, ktoré formáty vie zobraziť, a vyberie web. Chrome uloží presne to, čo dostal, bez opätovného kódovania, čo je správne správanie: potichu konvertovať pri ukladaní by pridalo stratový krok, o ktorý ste nežiadali. Ani zmena prehliadača teda zvyčajne nepomôže. Každý súčasný prehliadač uvádza WebP v hlavičke Accept a všetky dostanú od toho istého webu ten istý WebP.

Zostávajú tri praktické možnosti. Pôvodný súbor môžete získať cez web podľa krokov vyššie. Môžete nainštalovať rozšírenie prehliadača, ktoré obrázok pri ukladaní znova zakóduje, čo je rovnaký prevod s iným tlačidlom. Alebo môžete uložiť WebP a skonvertovať ho vtedy, a len vtedy, keď ho niečo odmietne. Tretia možnosť je zvyčajne najmenej práce, pretože veľká časť uložených obrázkov sa len prezerá na obrazovkách, kde sa WebP otvorí v každom prehliadači, v Preview na macOS Big Sur a novších a v aplikácii Fotky vo Windowse 11.

Ak vás zaujíma, ako sa WebP porovnáva s ďalšími modernými formátmi, ktoré weby dnes poskytujú, vrátane AVIF, ktorý na tých istých CDN začína WebP nahrádzať, pozrite si AVIF vs HEIC vs WebP. Praktická rada z tohto článku platí takmer bez zmeny: AVIF, ktorý program odmieta, sa rieši rovnako, prevodom na JPG pre fotky alebo PNG pre grafiku. Viac o samotnom formáte nájdete na stránke projektu WebP od Googlu.