Srovnání formátů
AVIF vs WebP: který obrazový formát nové generace zvolit?
AVIF i WebP porážejí JPEG a PNG o výrazný kus, liší se však v kompromisu mezi kompresí a rychlostí. AVIF komprimuje až o 50 procent lépe než JPEG, WebP se pohybuje kolem 25 až 35 procent a kóduje mnohem rychleji. Pro webovou stránku, kterou máte pod kontrolou, AVIF za to čekání na kódování stojí; tam, kde víc než každý kilobajt rozhoduje rychlost doručení, je praktickou volbou WebP.
V čem je WebP nejlepší
WebP navrhl Google jako přímé vylepšení JPEG a PNG pro web. Poskytuje při stejné vizuální kvalitě zhruba o 25 až 35 procent menší soubory než JPEG, podporuje průhlednost i animaci a od roku 2020 jej zvládá každý významný prohlížeč. Kódování je rychlé: dávka fotografií se na WebP převede během několika sekund. Tato kombinace solidní komprese, široké podpory a rychlého kódování činí z WebP bezpečnou výchozí volbu pro obrázky na webové stránce.
V čem je AVIF nejlepší
AVIF vychází z videokodeku AV1 a dosahuje komprese, která je obvykle o 50 procent lepší než JPEG a znatelně lepší než WebP při stejné vizuální kvalitě. Také čistěji zvládá plynulé přechody a jemné detaily než WebP, s menším množstvím zvonivých artefaktů, které se ve ztrátových formátech objevují kolem vysoce kontrastních hran. Podpora v prohlížečích dosáhla všech významných prohlížečů od konce roku 2023. Skutečnou cenou je doba kódování: AVIF trvá minuty tam, kde WebP zabere sekundy, proto se nejlépe hodí pro obrázky, které se komprimují jednou a servírují mnohokrát, jako jsou hlavní obrázky a fotografie produktů.
Jak vybrat a otestovat oba ve vašem prohlížeči
Praktický přístup je vyzkoušet oba na vlastním obrázku a porovnat výsledky. Vložte stejnou fotku do kompresoru obrázků, exportujte ji jednou jako WebP a jednou jako AVIF a porovnejte velikost souboru a vizuální kvalitu vedle sebe. Kompresor běží výhradně ve vašem prohlížeči: váš soubor nikdy neopustí vaše zařízení. U hlavního obrázku webu nebo galerie produktů, kde každý kilobajt ovlivňuje skóre rychlosti stránky, AVIF za čas kódování navíc stojí. U obsahu nahrávaného uživateli, kde potřebujete zpracovat mnoho obrázků rychle, je správným kompromisem WebP.
Nástroje použité v tomto návodu
- Komprimovat obrazky Zmensete velikost obrazku bez nahravani. Posuvnik kvality nebo cilova velikost v KB. Davkove zpracovani.
- Změnit velikost obrázků Změňte velikost a převeďte své obrázky (JPEG, PNG, WebP) bez jejich nahrávání.
- Obrázek na Base64 Převádějte obrázky na datové URI Base64 (a zpět) přímo v prohlížeči. Kopírování, úryvek CSS, bez nahrávání.
Časté dotazy
Mohu použít AVIF bez záložního WebP?
U nových webových stránek mířících na moderní prohlížeče ano. AVIF je od konce roku 2023 podporován v Chrome, Firefoxu, Safari a Edge, což pokrývá drtivou většinu webového provozu. Pokud vaše publikum zahrnuje starší prohlížeče nebo některé mobilní webview, které nemůžete ověřit, je bezpečným přístupem poskytnout záložní WebP v prvku picture: prohlížeče zvolí první formát, který podporují, a zbytek ignorují.
Který formát použít pro průhledné obrázky?
Oba podporují průhlednost. AVIF ji zvládá s mírně lepší kompresí než WebP při stejné kvalitě. Pokud je průhledný obrázek logo nebo prvek rozhraní, který se objevuje na mnoha stránkách, AVIF ušetří citelný počet bajtů. Je-li omezením rychlost kódování, je průhledné WebP vynikajícím výsledkem a praktickou volbou pro dávkové zpracování.