WebP do JPG: kdy převádět, kdy ne a proč se to děje

Google vydal WebP v roce 2010 jako menší náhradu JPG na webu a celé desetiletí zůstal okrajovým formátem, protože ho Safari nezobrazovalo. To se změnilo, když Apple v roce 2020 přidal WebP do Safari 14 a macOS Big Sur. Jakmile ho uměly zobrazit všechny hlavní prohlížeče, přešly na něj firmy, které obrázky servírují ve velkém. Dělají to na straně serveru, kde rozhodnutí nevidíte a kde vám nic na stránce neřekne, jaký formát vlastně máte před sebou.

Obrazové CDN služby Shopify například posílá WebP každému prohlížeči, který ho umí zobrazit, i když byla fotka produktu nahrána jako JPG. Google Images zobrazuje náhledy jako WebP. WordPress přijímá nahrávání WebP od verze 5.8 z roku 2021; plán převádět nahrané JPG výchozně na WebP byl před vydáním verze 6.1 zrušen, ale plugin Modern Image Formats od týmu pro výkon WordPressu i mnohé optimalizátory obrázků u hostingů dělají přesně to. Výsledek je všude stejný: soubor byl na počítači majitele webu JPG a k vám dorazil jako WebP.

Prohlížeč s tím ochotně spolupracuje. Každý požadavek na obrázek z Chrome, Edge a Firefoxu nese hlavičku Accept se seznamem image/webp (a image/avif) a server, který podporuje vyjednávání formátu, ten seznam přečte a vybere nejmenší formát, který umíte zobrazit. Když kliknete pravým tlačítkem a zvolíte Uložit obrázek jako, prohlížeč uloží bajty, které už dostal. Proto může název souboru v adresním řádku končit na .jpg a na disk přesto dorazí WebP, někdy dokonce s dvojitou příponou jako .jpg.webp.

Prohlížeče přestaly být problémem už před lety. Potíže jsou ve všem ostatním: v desktopovém softwaru nainstalovaném před rokem 2022, v nahrávacích formulářích, jejichž seznam povolených formátů někdo napsal jednou a už se ho nikdo nedotkl, v tiskových službách postavených na JPG a TIFF a v e-mailových klientech, které vkládané obrázky vykreslují vlastním dekodérem. Nic z toho nselže užitečným způsobem. Tisková služba soubor prostě odmítne, státní formulář napíše, že formát je neplatný, a starší Photoshop zobrazí obecné hlášení „nelze dokončit váš požadavek“, které WebP vůbec nezmiňuje.

Adobe přidal nativní otevírání a ukládání WebP do Photoshopu ve verzi 23.2, vydané v únoru 2022; starší verze potřebují doplněk třetí strany. Lightroom Classic měl roky bez importu WebP, takže knihovna ve starší verzi tyto soubory při importu tiše přeskočí. Ve Windows starý Windows Photo Viewer WebP neotevře vůbec a aplikace Fotky ve Windows 10 závisí na balíčku WebP Image Extensions od Microsoftu z obchodu. Nejpřísnější jsou nahrávací formuláře: nahrání vízové fotky do DS-160 ministerstva zahraničí USA například přijímá jen JPEG a mnohé univerzitní přihlášky a pracovní portály uvádějí JPG, PNG a PDF a nic dalšího.

WebP je neobvyklý tím, že jeden formát zvládá dvě úlohy: ztrátovou kompresi pro fotografie a bezztrátovou kompresi s alfa kanálem pro grafiku. Při převodu z něj musíte zvolit, kterou z těch dvou úloh soubor plnil, protože JPG i PNG zvládají dobře jen jednu z nich. Nejde o to, který formát je obecně lepší (to srovnání najdete v článku JPG vs JPEG vs PNG), ale o to, co tento konkrétní obrázek obsahuje a kam půjde dál.

Fotka produktu, tapeta, obrázek receptu nebo dovolenkový snímek patří do JPG; bude zlomkem velikosti PNG a bude vypadat stejně. Logo, ikona, nálepka, vystřižený produkt na průhledném pozadí nebo snímek obrazovky plný textu patří do PNG, protože JPG by průhledné oblasti vyplnil jednolitou barvou nebo rozmazal ostré hrany písmen. Když si nejste jistí, otevřete soubor v panelu prohlížeče s tmavým motivem: pokud kolem objektu prosvítá šachovnice nebo tmavá stránka, obrázek má průhlednost a potřebuje PNG.

Převod ztrátového WebP do JPG pixely dekóduje a znovu zakóduje jinou metodou, takže výsledek není shodný bit po bitu. V praxi je při kvalitě JPG 85 až 90 rozdíl hluboko pod tím, co v běžné velikosti uvidíte, i na displeji s vysokým rozlišením. Viditelná ztráta ve staženém WebP vznikla dříve, když ho web komprimoval, a převod ten detail nevrátí; jen nepřidá o mnoho víc. Druhý nebo třetí převod by se sčítaly, proto převádějte jednou, z uloženého WebP, a nepřevádějte řetězově mezi formáty.

Změní se tři věci, kterých si můžete všimnout. Soubor naroste, obvykle o třetinu i více, protože JPG je méně efektivní formát; pokud má formulář limit v KB, nejprve převeďte a pak zmenšete na 100 KB nebo na jiný limit. Průhlednost se zploští: v převodníku WebP do JPG nastavení Průhledné oblasti vyplní tyto pixely výchozí barvou Bílá, případně Černá nebo Vlastní barva. A animace se ztratí, protože JPG obsahuje jeden snímek a zachová se jen první.

Stejně důležité je, co se nemění: rozměry v pixelech, orientace a barvy zůstanou stejné a vložený barevný profil se zachová, dokud je zapnuté Zachovat barevný profil. Pokud převádíte pro tisk, zvyšte Kvalita na 90 nebo více; bajty navíc v tiskové laboratoři nic nestojí a odstraní jakékoli pochybnosti o plynulých přechodech na obloze a pleti. Při nahrávání s přísným limitem v KB je 80 u fotky obvykle stále čistá a nechá víc místa pod limitem než 90. Pod zhruba 70 se kolem textu a jemných čar začnou objevovat čtverečkované hrany.

Před převodem stojí za to zkontrolovat, jestli vám web původní soubor nedá, protože to celou jednu generaci komprese přeskočí. Záleží na tom, jak web WebP vytváří. Když WebP vzniká na CDN za běhu, JPG na serveru stále existuje a správný požadavek ho získá. Když web uložil jen WebP, jak to dělají některá nastavení WordPressu po převodu nahraných souborů, žádné JPG už k získání není a jedinou cestou je převod.

Následující postupy jsou seřazeny od nejspolehlivějšího po nejméně spolehlivý. Žádný z nich nezahrnuje nic neobvyklého: jsou to běžné akce prohlížeče a odkazy ke stažení, které web sám nabízí. Ten, který online uvidíte doporučovat nejčastěji, tedy přidání ?format=jpg na konec adresy obrázku, je zároveň nejméně spolehlivý. Funguje jen tehdy, když obrazové CDN čte parametr přesně toho jména, což většina nedělá, takže dostanete zpět stejný WebP a žádná chyba vám neřekne, že trik selhal.

Pokud jste si uložili katalog produktů, sadu referenčních obrázků nebo složku tapet, převádět po jednom souboru je brzy únavné. Převodník přijme až 20 souborů v dávce po nejvýše 95 MB, použije na všechny stejné nastavení Kvalita a Průhledné oblasti a vrátí jeden ZIP. Soubory se ze serveru smažou 30 minut po zpracování a nic se nemusí instalovat. Složka se 100 obrázky jsou pět dávek.

Složku si před začátkem roztřiďte. Fotografie dejte do jedné dávky pro JPG a loga, ikony a vše s průhledným pozadím do druhé pro WebP do PNG, aby nic nemělo kolem sebe bílý rámeček. Pokud pracujete na Macu, příkaz Exportovat v Náhledu převádí jednotlivé soubory a uživatelé příkazové řádky mohou u velmi velkých složek spustit mogrify -format jpg *.webp z ImageMagick. Obojí dá stejný výsledek jako převodník v prohlížeči; liší se jen tím, kolik přípravy chcete.

V Chromu, Edgi ani Firefoxu není nastavení „ukládat obrázky jako JPG“ a není to přehlédnutí. Prohlížeč formát nevolí; oznámí, které formáty umí zobrazit, a web jeden vybere. Chrome uloží přesně to, co dostal, bez nového kódování, což je správné chování: tiché převádění při ukládání by přidalo ztrátový krok, o který jste nežádali. Změna prohlížeče tedy také málokdy pomůže. Každý současný prohlížeč uvádí WebP v hlavičce Accept a všechny dostanou od stejného webu stejný WebP.

Zbývají tři praktické možnosti. Můžete získat originál přes web podle kroků výše. Můžete nainstalovat rozšíření prohlížeče, které obrázek při ukládání překóduje, což je stejný převod s jiným tlačítkem. Nebo můžete WebP uložit a převést ho, až když ho něco odmítne. Třetí možnost bývá nejméně práce, protože velká část uložených obrázků se prohlíží jen na obrazovkách, kde se WebP otevře v každém prohlížeči, v Náhledu v macOS Big Sur a novějším a v aplikaci Fotky ve Windows 11.

Pokud vás zajímá, jak si WebP stojí vedle dalších moderních formátů, které weby nyní servírují, včetně AVIF, jenž na stejných CDN začíná WebP nahrazovat, přečtěte si AVIF vs HEIC vs WebP. Praktické rady z tohoto článku platí téměř beze změny: AVIF, který program odmítá, se řeší stejně, převodem do JPG u fotek nebo do PNG u grafiky. Další podrobnosti o samotném formátu najdete na stránce projektu WebP od Googlu.