AVIF vs HEIC vs WebP: jak se liší moderní formáty obrázků

WebP je nejstarší ze tří. Google ho oznámil v září 2010, několik měsíců po koupi firmy On2 Technologies, jejíž videokodek VP8 se stal základem nového formátu. Myšlenka byla jednoduchá: statický WebP je v podstatě jeden klíčový snímek VP8 v malém obalu RIFF. První verze uměla jen ztrátovou kompresi. Bezeztrátový režim, alfa kanál pro průhlednost a animace přibyly během následujících tří let, a proto WebP může nahradit JPG, PNG i GIF jedním typem souboru. Google formát i knihovnu libwebp stále dokumentuje na webu pro vývojáře WebP.

HEIC má jiné pozadí. HEIF, High Efficiency Image File Format, je kontejnerový standard, který skupina Moving Picture Experts Group vydala v roce 2015 jako ISO/IEC 23008-12. Soubor HEIF může obsahovat obrázky komprimované různými kodeky; pokud jde o HEVC, známý také jako H.265, nazývá se soubor HEIC. Apple z něj udělal výchozí formát fotoaparátu v iOS 11 a macOS High Sierra v roce 2017, na iPhonu 7 a novějších, a toto jediné rozhodnutí rázem rozšířilo miliardy fotek HEIC. Právě proto se s tímto formátem většina lidí vůbec setkává.

AVIF je nejnovější. Alliance for Open Media, skupina založená v roce 2015 firmami Google, Mozilla, Microsoft, Amazon, Netflix, Cisco a Intel, vydala v roce 2018 bezlicenční videokodek AV1 a v únoru 2019 specifikaci obrázků AVIF 1.0. Technicky AVIF přebírá kontejner HEIF a místo HEVC používá AV1, takže AVIF a HEIC jsou příbuzní s jiným motorem. Členské firmy chtěly moderní kodek bez patentových poplatků a specifikace AV1 a AVIF dál zveřejňuje Alliance for Open Media.

Všechny tři formáty pocházejí z videokodeků a je to znát na kompresi. Místo pevných bloků 8 × 8 pixelů u JPG předpovídají každou oblast ze sousedních pixelů, používají bloky různé velikosti a po dekódování filtrují hrany. Výsledkem je méně blokových artefaktů při nízké kvalitě. AVIF jde nejdál: při stejné vizuální kvalitě obvykle vytvoří nejmenší soubor, zejména na hladkém nebi, pleti a přechodech, kde JPG začíná vytvářet pruhy. Cenou je doba kódování. Vytvoření AVIF může trvat mnohonásobně déle než WebP stejné fotky, což je znát na telefonu nebo vytíženém serveru.

Rozdíly ve funkcích jsou menší, než by se čekalo. Všechny tři umějí průhlednost a všechny mají režim animace, i když animované HEIC je v praxi vzácné. V bezeztrátové kompresi vyniká WebP: jeho bezeztrátový režim vznikl odděleně od ztrátového a na snímcích obrazovky a grafice obvykle překoná PNG. AVIF a HEIC mohou být teoreticky bezeztrátové, ale soubory bývají velké a nástroje tento režim málokdy nabízejí. Druhým velkým rozdílem je barevná hloubka. WebP je omezen na 8 bitů na kanál, zatímco HEIC a AVIF ukládají 10bitovou barvu a AVIF umí i 12 bitů a HDR.

Licencování vysvětluje velkou část podpory. WebP a AV1 byly vydány bez poplatků, takže je výrobci prohlížečů mohli přidat bez placení. HEVC kryjí patenty spravované několika licenčními pooly, proto Chrome, Firefox a Edge dekódují obrázky HEVC jen tam, kde licencovaný dekodér už poskytuje operační systém. Pro provozovatele webu je to rozhodující: formát, který vidí každý návštěvník, je lepší než ten, který polovině z nich ušetří pár kilobajtů navíc.

Rozdíly ve velikosti závisejí na fotce, kodéru a nastavení kvality, takže jakékoli číslo berte jako typické, ne přesné. U fotky 1200 × 800 px při nastavení, které na obrazovce notebooku vypadá stejně, má JPG obvykle kolem 150–200 KB, WebP kolem 100–140 KB a AVIF kolem 60–100 KB. Vlastní srovnání Googlu uvádějí ztrátové WebP o 25–34 % menší než JPG a Apple popisuje HEIC jako zhruba poloviční oproti JPG u fotek z fotoaparátu. Snímek z iPhonu s 12 Mpx, který by jako JPG měl 3–4 MB, má jako HEIC obvykle 1,5–2,5 MB.

Grafika se chová jinak. Snímek obrazovky s plnými barvami a textem bývá nejmenší jako bezeztrátové WebP, následuje PNG, a AVIF tam získá málo. Rozdíl zmenšují i drobné náhledy, protože každý formát nese několik set bajtů hlaviček. Běžné mýty níže vznikají čtením výsledků testů bez tohoto kontextu.

Na webu je situace u WebP a AVIF jasná. Chrome, Edge, Firefox i Safari zobrazují WebP; Safari přišlo jako poslední, s verzí 14 v roce 2020 na macOS Big Sur a iOS 14. AVIF přišlo do Chrome 85 v roce 2020, Firefoxu 93 v roce 2021 a Safari 16 v roce 2022, Edge ho přidal na začátku roku 2024. Návštěvník s aktuálním prohlížečem uvidí obojí. AVIF chybí jen lidem uvízlým na starých verzích Safari, například na iPhonech, které nelze aktualizovat nad iOS 15, a element <picture> umožňuje poslat jim záložní JPG.

U HEIC je to naopak. Zařízení Apple ho otevřou všude a Safari 17 ho umí zobrazit i na webové stránce, ale Chrome, Firefox a Edge obrázky HEIC na otevřeném webu nezobrazují. Windows 10 a 11 otevřou HEIC v aplikaci Fotky po přidání Rozšíření obrázků HEIF z Microsoft Store a na mnoha počítačích také Rozšíření videa HEVC, což je placený doplněk. Novější verze Androidu umějí HEIF dekódovat, ale aplikace třetích stran a weby se velmi liší.

Desktopový software je někde uprostřed. Adobe Photoshop otevírá WebP nativně od verze 23.2 v roce 2022 a většina současných prohlížečů obrázků WebP zvládá. Podpora AVIF a HEIC v editorech, kancelářských balících a starších programech je nejednotná a mnoho formulářů pro nahrávání stále kontroluje příponu .jpg, .jpeg nebo .png a vše ostatní odmítne. Přehled za jednotlivé platformy shrnují panely níže.

Pro web je výchozí odpovědí WebP a AVIF optimalizací navíc. Pokud web spravujete, posílejte AVIF prohlížečům, které ho přijímají, a ostatním WebP nebo JPG; většina obrazových CDN a frameworků to vyjedná automaticky. Pokud můžete nabídnout jediný soubor, je bezpečnější WebP, protože ho zobrazí každý současný prohlížeč a rychle se kóduje. Pro úložiště v telefonu je HEIC na iPhonu těžké překonat: fotoaparát ho zapisuje nativně, aplikace Fotky ho čte a na stejné místo se vejde zhruba dvakrát tolik snímků.

Archivy, tisk a papírování táhnou opačným směrem. Fotoarchiv by měl být čitelný i za dvacet let bez zvláštních kodeků, což svědčí pro uchování originálů tak, jak vyšly z fotoaparátu, a přidávání kopií JPG podle potřeby. Fotolaboratoře obvykle žádají JPG nebo TIFF a úřední, zkouškové a pracovní portály běžně přijímají jen JPG nebo PNG, někdy s limitem velikosti v kilobajtech. V každém z těchto případů je praktickou odpovědí převedená kopie, zatímco originál zůstává v knihovně.

Čtyři běžné úlohy níže shrnují rozhodnutí. Vybírejte podle toho, kam soubor půjde, ne podle toho, který formát má nejlepší výsledky v testech.

Většina převodů jde jedním směrem: z nového formátu do JPG nebo PNG kvůli kompatibilitě. JPG vyberte pro fotky a PNG, když má obrázek průhlednost nebo ostrý text, který chcete zachovat. Při převodu AVIF do JPG začíná převodník na hodnotě Kvalita 90, protože webové soubory AVIF jsou už silně komprimované, a volba Průhledné oblasti v části Pokročilá nastavení určuje, čím se vyplní průhledné pixely. Převodník HEIC do JPG také začíná na 90 a odstraní údaje o poloze, pokud nezrušíte volbu Odstranit metadata.

U WebP začíná stránka WebP do JPG na kvalitě 85, která v běžné velikosti vypadá stejně jako zdroj. Každý převodník přijme až 20 souborů v dávce a 95 MB na soubor, nevyžaduje účet a nahrané soubory i výsledky smaže 30 minut po zpracování. Podrobnější návody jak převést HEIC do JPG a WebP do JPG: kdy a proč pokrývají nastavení telefonu a okrajové případy.

Opačný směr je stejně užitečný. Pokud provozujete web, převod fotek JPG do AVIF jejich velikost obvykle před nahráním zhruba o polovinu sníží. Matice ukazuje, které převody mezi těmito formáty mají na UltKit vlastní stránku převodníku.

Každý ztrátový převod zahodí o něco víc detailů, proto převádějte kopie, ne originály. Soubory HEIC nechte v knihovně iPhonu a JPG exportujte jen pro lidi nebo programy, které je potřebují. Totéž platí pro fotky HDR: AVIF a HEIC umějí ukládat 10bitovou barvu a převod do 8bitového JPG mapuje jasné světlé partie do standardního rozsahu, což je v pořádku pro sdílení, ale ne pro pozdější úpravy. Pokud obrázek možná budete znovu upravovat, ponechte originál nebo bezeztrátovou kopii PNG a všechny úpravy dělejte z ní.

Originál si také ponechte, pokud už novější formát přijímají. Když nástroj pro tvorbu webů, komunikační aplikace nebo cloudové úložiště bere WebP či HEIC přímo, převod jen přidá krok a soubor zvětší. Převádějte až na okraji, ve chvíli nahrání, odeslání nebo tisku, a získáte kompatibilitu bez pomalého zhoršování knihovny.