WebP a AVIF jsou dva obrazové formáty, které proměňují podobu moderního webu. Oba komprimují výrazně lépe než JPEG a PNG, oba podporují průhlednost i animace a oba dnes mají širokou podporu. Pokud tedy modernizujete své obrázky, který z nich byste vlastně měli použít?
Upřímná odpověď často zní „oba" — ale když pochopíte, v čem se liší, dokážete se v každé situaci rozhodnout správně. Tento průvodce srovnává WebP a AVIF v tom, na čem v praxi záleží: v kompresi, kvalitě, podpoře prohlížečů, rychlosti kódování a funkcích.
Stručná odpověď
Pokud chcete co nejmenší soubory a obsluhujete moderní publikum, obvykle vítězí AVIF. Pokud chcete co nejširší dosah a nejjednodušší, nejrychlejší pracovní postup, je WebP bezpečnější volbou. Nejlepší přístup pro většinu webů spočívá v tom, že se vůbec nerozhodujete: poskytujte AVIF se záložním WebP a pod ním ještě se záložním JPEG nebo PNG, a nechte každý prohlížeč stáhnout nejlepší verzi, kterou podporuje.
Zbytek tohoto průvodce vysvětluje proč.
Odkud každý formát pochází
WebP vytvořil Google a vydal jej v roce 2010 na základě videokodeku VP8. Měl více než deset let na to, aby dozrál, což se projevuje v jeho široké podpoře a stabilních nástrojích.
AVIF přišel v roce 2019 a vychází z AV1, bezplatného videokodeku od sdružení Alliance for Open Media — skupiny, do níž patří Google, Apple, Microsoft, Mozilla a Netflix. AV1 je novější a propracovanější kodek než VP8, což je kořenem efektivnostní výhody AVIF.
Komprese a kvalita
Při stejné vizuální kvalitě jsou soubory AVIF zpravidla o 20 až 30 procent menší než WebP a zhruba poloviční oproti srovnatelnému JPEG. WebP je pro změnu obvykle o 25 až 34 procent menší než JPEG. Pořadí podle velikosti, od nejlepšího k nejhoršímu, je tedy obecně AVIF, pak WebP a nakonec JPEG.
Výhoda AVIF je největší při nízkém až středním nastavení kvality, kde jeho moderní kodek zachovává detaily a vyhýbá se kostkovitosti, kterou starší formáty vykazují při silné kompresi. Hladce si také poradí s přechody a plochou barvou, čímž omezuje pruhování, které někdy vidíte na obloze nebo ve stínech. WebP zůstává vynikající a je více než dostatečný pro naprostou většinu obrázků, ale efektivnostním lídrem je AVIF.
Podpora prohlížečů
V tomto ohledu má WebP stále navrch. WebP podporuje každý současný hlavní prohlížeč a podporuje jej už léta, včetně Safari od verze 14. Můžete jej bez váhání poskytovat téměř jakémukoli publiku.
Podpora AVIF je dnes také široká — Chrome, Firefox a Edge jej podporují už nějakou dobu a Safari jej přidalo ve verzi 16.4. Pro většinu publika je toto pokrytí více než dostatečné, ale protože malý podíl starších zařízení stále nedokáže AVIF zobrazit, je rozumné mít záložní variantu. Prvek picture v HTML to dělá triviální, takže o něco užší podpora AVIF je jen zřídka skutečnou překážkou.
Rychlost kódování a nástroje
WebP kóduje rychle a všude má vyzrálé, dobře zdokumentované nástroje. AVIF postavený na složitějším kodeku AV1 je při kódování pomalejší a náročnější na CPU, někdy podstatně, zejména při nejvyšším úsilí o kompresi. U hrstky obrázků je to neznatelné; při zpracování tisíců obrázků v sestavovacím procesu může rozdíl v čase a nákladech hrát roli.
Ve zkratce: WebP je provozně lehčí volbou, zatímco AVIF si žádá více výpočetního výkonu výměnou za menší soubory.
Funkce
Oba formáty podporují ztrátovou i bezeztrátovou kompresi, plnou alpha průhlednost a animace. AVIF jde v několika oblastech, na nichž záleží u špičkové obrazové tvorby, dál: podporuje vysoký dynamický rozsah, široké barevné gamuty a vyšší bitové hloubky až do 12-bit, kde je WebP omezeno na standardní 8-bit barvu. Pokud publikujete HDR fotografie nebo díla v širokém gamutu, je AVIF jediným z této dvojice, který je dokáže věrně reprezentovat.
WebP vs. AVIF v kostce
| Vlastnost | WebP | AVIF |
|---|---|---|
| Vychází z | VP8 (Google, 2010) | AV1 (AOMedia, 2019) |
| Typická velikost oproti JPEG | o 25–34 % menší | zhruba o 50 % menší |
| Kvalita při nízkém datovém toku | Dobrá | Vynikající |
| Podpora prohlížečů | Univerzální (Safari 14+) | Široká (Safari 16.4+) |
| Rychlost kódování | Rychlá | Pomalejší, více CPU |
| Průhlednost a animace | Ano | Ano |
| HDR, široký gamut, 12-bit | Ne | Ano |
Který byste měli použít?
Pro většinu webů použijte oba se záložním řetězcem: nejprve AVIF, pak WebP a nakonec JPEG nebo PNG. Každý návštěvník dostane nejefektivnější formát, který jeho prohlížeč podporuje, a na starších zařízeních se nic nerozbije.
Pokud musíte zvolit jediný formát, nechte rozhodnout svou prioritu. Zvolte **WebP**, když je nejdůležitější široká kompatibilita, rychlé kódování a jednoduchý pracovní postup — je to bezpečná, praktická volba. Zvolte **AVIF**, když je hlavní prioritou datová velikost, například u velkých hrdinských obrázků, fotogalerií nebo HDR obsahu, a dokážete pomalejší kódování unést. S rozhodováním napříč všemi formáty vám pomůže článek Jak vybrat správný obrazový formát pro web.
Jak vytvořit soubory WebP a AVIF
Stávající obrázky můžete převést bez jakéhokoli softwaru. Pro WebP převeďte JPG na WebP nebo PNG na WebP. Pro AVIF převeďte JPG na AVIF nebo PNG na AVIF. Pokud byste někdy znovu potřebovali univerzálně kompatibilní formát, můžete také převést WebP na PNG nebo WebP na JPG. Pro souvislosti si přečtěte Co je WebP a Co je AVIF.