Porovnání AVIF
AVIF v porovnání s WebP, JPEG, PNG, HEIC a JPEG XL
Prohlédněte si interaktivní příklady a technická porovnání formátů AVIF, WebP, JPEG, PNG, HEIC a JPEG XL.
Naposledy zkontrolováno: 20. září 2026
Podívejte se na rozdíl ve výkonu
Stejná stránka, stejný obsah, mění se jen formát obrázků.
V našem mobilním testu (pomalé 4G) dosáhl AVIF 88/100 oproti 80/100 u JPG. Speed Index: 2,3 s oproti 4,6 s. PageSpeed navíc upozornil, že u obrázků JPG je potenciál optimalizace 4 586 KB. Test si spusťte sami — hodnoty se mohou lišit podle zatížení serveru.
.avif
| Výkon | 88 / 100 |
| LCP ← nejdůležitější metrika | 3,6 s |
| FCP | 2,3 s |
| Speed Index | 2,3 s |
| TBT | 0 ms |
| CLS | 0 |
| Možná úspora u obrázků | 1 267 KB |
Testováno: 20. 9. 2026, 12:33 (SELČ) · Mobil (pomalé 4G) · Lighthouse 13.4.1
Core Web Vitals: splněno Desktop: 99/100 · LCP 0,8 s
Spustit test v PageSpeed Insights Zobrazit stránku s AVIF.jpg
| Výkon | 80 / 100 |
| LCP ← nejdůležitější metrika | 3,7 s |
| FCP | 3,3 s |
| Speed Index | 4,6 s |
| TBT | 0 ms |
| CLS | 0 |
| Přenos po síti | 5 059 KB ⚠️ |
| Možná úspora u obrázků | 4 586 KB PageSpeed doporučuje optimalizaci |
Testováno: 20. 9. 2026, 12:33 (SELČ) · Mobil (pomalé 4G) · Lighthouse 13.4.1
Core Web Vitals: splněno Desktop: 99/100 · LCP 0,8 s
Spustit test v PageSpeed Insights Zobrazit stránku s JPGAVIF vs. WebP
Dva moderní webové obrazové formáty s různými přednostmi
Vizuální porovnání Porovnání provedete tažením posuvníku • Zobrazit další příklady AVIF
Příklad výsledku u fotografie krajiny při srovnatelném nastavení kvality. Výsledky se liší podle obrázku a kodéru.
| Vlastnost | AVIF | WebP | Poznámky |
|---|---|---|---|
| Efektivita komprese | Velmi dobrá | Velmi dobrá | Výsledky se liší podle obrázku a nastavení |
| Rychlost kódování | Pomalejší | Rychlejší | WebP je při vysoké kvalitě rychlejší |
| Podpora v prohlížečích | Všechny hlavní moderní prohlížeče | Všechny hlavní moderní prohlížeče | Viz Can I Use |
| HDR / široký barevný gamut | Ano | Omezeně | AVIF má standardizovanou podporu HDR |
| Barevná hloubka 10/12 bitů | Ano | Ne | |
| Průhlednost | Ano | Ano | Oba podporují alfa kanál |
| Animace | Ano | Ano | Oba podporují animaci |
- je prioritou efektivita komprese
- potřebujete HDR nebo široký barevný gamut
- kódujete pro statickou vyrovnávací paměť doručování
- záleží na barevné hloubce 10/12 bitů
- záleží na rychlosti kódování
- generujete obrázky na požádání
- váš pracovní postup už WebP používá
- řešíte kompatibilitu u animovaných obrázků
AVIF bývá atraktivní, pokud má prioritu efektivita komprese a pokročilé funkce obrazu. WebP může být lepší volbou, pokud jsou důležitější rychlost kódování, kompatibilita se stávajícími nástroji nebo jednoduchý pracovní postup.
Pomocí prvku <picture> můžete doručovat oba formáty, takže se nemusíte rozhodovat pro jeden:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" loading="lazy">
</picture>AVIF vs. JPEG
Formát nové generace v porovnání s zavedeným webovým standardem
Vizuální porovnání Porovnání provedete tažením posuvníku • Tyto soubory používají různá nastavení kódování.
| Vlastnost | AVIF | JPEG | Poznámky |
|---|---|---|---|
| Komprese | U mnoha obrázků efektivnější | Široce kompatibilní | Výsledky závisejí na obrázku a nastavení |
| Průhlednost | Ano | Ne | JPEG neumí alfa kanál |
| HDR | Ano | Ne | AVIF má standardizovanou podporu HDR |
| Podpora v prohlížečích | Všechny hlavní moderní prohlížeče | Prakticky univerzální | JPEG funguje v prakticky každém softwaru |
| Rychlost kódování | Pomalejší | Velmi rychlé | |
| Bezeztrátový | Ano | Obvykle ne | AVIF podporuje bezeztrátové kódování |
- cílíte na moderní prohlížeče
- potřebujete průhlednost nebo HDR
- je prioritou efektivita velikosti souboru
- můžete poskytnout záložní formát JPEG
- je třeba maximální kompatibilita (starší prohlížeče, e-mailové programy, software)
- je potřeba rychlé kódování
- slouží jako záložní formát pro prohlížeče bez AVIF
- pracujete se systémy, které AVIF nepodporují
U mnoha fotografických obrázků může AVIF při srovnatelné vizuální kvalitě vytvořit menší soubory než JPEG a nabízí schopnosti, které JPEG vůbec nemá (průhlednost, HDR). JPEG si zachovává výhodu v univerzální kompatibilitě a rychlosti kódování. Pro weby cílené na moderní prohlížeče je AVIF se záložním JPEG praktickým přístupem.
AVIF vs. PNG
AVIF s možností ztrátové komprese v porovnání s bezeztrátovým standardem PNG
Vizuální porovnání Porovnání provedete tažením posuvníku • PNG je bezeztrátové; AVIF v tomto příkladu používá ztrátové kódování.
| Vlastnost | AVIF | PNG | Poznámky |
|---|---|---|---|
| Ztrátová komprese | Ano | Ne | PNG je vždy bezeztrátové |
| Bezeztrátová komprese | Ano | Ano | Oba podporují bezeztrátové kódování |
| Průhlednost | Ano | Ano | Oba podporují alfa kanál |
| Velikost souboru (doručování na webu) | Často menší | Větší (bezeztrátové) | Závisí na režimu kódování |
| Kompatibilita s úpravami obrázků | Širší | PNG je v editorech obrázků široce podporováno | |
| HDR | Ano | Omezeně |
AVIF se ztrátovou kompresí může být u mnoha webových obrázků výrazně menší než PNG. PNG je užitečné, když je potřeba bezeztrátový pracovní postup, když obrázek dále upravujete nebo když záleží na maximální kompatibilitě nástrojů. Pomocí převodu PNG na AVIF vytvoříte verze AVIF pro doručování na webu a PNG si ponecháte jako zdroj.
AVIF vs. HEIC
Dva formáty se stejným kontejnerem HEIF, ale s různým hlavním účelem
| Vlastnost | HEIC | AVIF |
|---|---|---|
| Kontejner | HEIF | HEIF |
| Kodek | HEVC (H.265) | AV1 |
| Hlavní prostředí | Ukládání fotografií v zařízeních (iPhone, ekosystém Apple) | Doručování obrázků na webu |
| Podpora ve webových prohlížečích | Omezená a závislá na platformě (zobrazit aktuální údaje) | Všechny hlavní moderní prohlížeče (zobrazit aktuální údaje) |
| Licencování | Kodek HEVC je patentován | Bez licenčních poplatků (AV1) |
| Efektivita komprese | Velmi efektivní | Velmi efektivní |
| Metadata EXIF | Ano | Ano |
- ukládání fotografií na iPhonu, iPadu nebo jiných zařízeních Apple
- nativní pracovní postupy fotoaparátu v zařízení
- správu knihovny fotografií v ekosystému Apple
- sdílení mezi zařízeními Apple
- publikování obrázků na webech
- webové aplikace a rozhraní API
- doručování obrázků napříč platformami
- otevřené pracovní postupy bez starostí s licencemi kodeků
HEIC a AVIF si přímo nekonkurují ve stejném použití. HEIC se často používá pro fotografie ze zařízení Apple; AVIF je navržen pro doručování obrázků na webu. Pokud chcete fotografie HEIC publikovat na webu, je praktickým krokem převod do AVIF. Viz náš převodník HEIC na AVIF.
HEIC lze převést také na JPG, pokud je potřeba širší kompatibilita. Naše sesterská stránka heic.digital se specializuje na převod HEIC na JPG.
AVIF vs. JPEG XL
Dva formáty nové generace s různou současnou mírou rozšíření
| Vlastnost | AVIF | JPEG XL |
|---|---|---|
| Komprese | Velmi dobrá | Velmi dobrá, s některými technickými výhodami (např. bezeztrátová rekomprese JPEG) |
| Rychlost kódování | Pomalejší | Rychlejší |
| Podpora ve webových prohlížečích (2026) | Všechny hlavní prohlížeče (Can I Use) | Omezená (Can I Use - závisí na verzi prohlížeče) |
| Bezeztrátová rekomprese JPEG | Ne | Ano (jedinečná funkce) |
| Progresivní dekódování | Ne | Ano |
| Podpora HDR | Ano | Ano |
| Průhlednost | Ano | Ano |
| Licencování | Bez licenčních poplatků | Bez licenčních poplatků |
Pro široké nasazení v současných prohlížečích je AVIF obvykle praktičtější volbou pro doručování obrázků na webu. JPEG XL nabízí technické funkce, které mohou být cenné v jiných pracovních postupech, zejména bezeztrátovou rekompresi JPEG. Podpora JPEG XL v prohlížečích se může časem zlepšovat; aktuální údaje najdete na Can I Use - JPEG XL.
AVIF v porovnání s dalšími obrazovými formáty: celkový přehled
Všechny formáty na první pohled
Přípony souborů: AVIF používá .avif, WebP používá .webp, JPEG používá .jpg nebo .jpeg, PNG používá .png, HEIC používá .heic a JPEG XL používá .jxl.
| Vlastnost | AVIF .avif |
WebP .webp |
JPEG .jpg |
PNG .png |
HEIC .heic |
JPEG XL .jxl |
|---|---|---|---|---|---|---|
| Efektivita komprese | Často velmi efektivní | Efektivní | Dobrá | Pouze bezeztrátová | Velmi efektivní | Velmi dobrá |
| Ztrátové kódování | Ano | Ano | Ano | Ne | Ano | Ano |
| Bezeztrátové kódování | Ano | Ano | Obvykle ne | Ano | Ano | Ano |
| Průhlednost (alfa) | Ano | Ano | Ne | Ano | Ano | Ano |
| HDR / široký barevný gamut | Ano | Omezeně | Ne | Omezeně | Ano | Ano |
| Animace | Ano | Ano | Ne | Ne (APNG zvlášť) | Ano (sekvence HEIF) | Ano |
| Podpora ve webových prohlížečích | Všechny hlavní moderní prohlížeče | Všechny hlavní moderní prohlížeče | Univerzální | Univerzální | Omezená a závislá na platformě | Omezená - zobrazit údaje |
| Rychlost kódování | Pomalejší | Rychlé | Velmi rychlé | Rychlé | Rychlé (v zařízení) | Rychlé |
| Licencování | Bez licenčních poplatků | Bez licenčních poplatků | Bez licenčních poplatků | Bez licenčních poplatků | HEVC je patentován | Bez licenčních poplatků |
| Hlavní použití | Moderní doručování na webu | Moderní doručování na webu | Univerzální kompatibilita | Bezeztrátové, úpravy, grafika | Ukládání fotografií v zařízeních | Pokročilé pracovní postupy s obrázky |
Aktuální údaje o kompatibilitě prohlížečů najdete na Can I Use - AVIF a Can I Use - WebP.
Který obrazový formát byste měli použít?
Správný formát závisí na účelu použití, obsahu a požadavcích na kompatibilitu
AVIF se záložním formátem WebP nebo JPEG v prvku <picture> efektivně pokryje všechny hlavní prohlížeče.
<picture>
<source srcset="img.avif" type="image/avif">
<source srcset="img.webp" type="image/webp">
<img src="img.jpg" alt="..." loading="lazy"
width="800" height="600">
</picture>Použijte PNG nebo bezeztrátové AVIF, pokud potřebujete výstup přesný na úrovni pixelů nebo budete soubor dále upravovat.
PNG zůstává nejšířeji podporovaným bezeztrátovým formátem v designérských nástrojích. Bezeztrátové AVIF může zmenšit velikost souboru, ale vyžaduje nástroje s podporou AVIF.
Převeďte HEIC do AVIF pro doručování na webu a originál HEIC si ponechte v zařízení. Použijte náš převodník HEIC na AVIF.
Použijte JPEG, pokud má prioritu kompatibilita s co nejvíce programy, e-mailovými klienty a staršími zařízeními. JPEG funguje všude.
Praktické doporučení
U webů cílených na moderní prohlížeče lze AVIF používat jako primární obrazový formát, se záložními formáty WebP nebo JPEG, pokud je potřeba širší kompatibilita.
Menší objem obrazových dat může při správné implementaci přispět k rychlejšímu načítání stránek a lepší uživatelské zkušenosti. Skutečný dopad závisí na vašich konkrétních obrázcích, nastavení kódování a podmínkách sítě vašich návštěvníků.
Chcete začít s převodem?
Převeďte své obrázky do AVIF i z AVIF pomocí našich bezplatných online nástrojů