Jak vybrat správný video kodek pro přehrávání na webu

Volba kodeku je produktové rozhodnutí, nejen rozhodnutí o kompresi

O video kodecích se dá snadno mluvit špatně. Někdo porovná AV1, H.264, VP9 a HEVC v grafu, ukáže na nejmenší soubor a prohlásí vítěze. Takto ale webové přehrávání v produkci nefunguje.

Rozhodnutí o kodeku ovlivňuje dobu spuštění, bufferování, výdrž baterie, náklady na CDN, kompatibilitu zařízení, enkódovací infrastrukturu, právní rizika i požadavky na podporu. „Nejlepší“ kodek pro streamovací službu s velkou enkódovací farmou nemusí být nutně nejlepší kodek pro marketingový web s pěti produktovými videi.

Užitečná otázka nezní „který kodek je nejlepší?“ Zní: který kodek dá tomuto publiku dobré přehrávání s nejmenším provozním rizikem?

Krátká verze: co používat v roce 2026

Pro většinu webových týmů vypadá praktická odpověď takto:

• Používejte H.264 jako základ. Je starý, dostatečně efektivní, široce hardwarově dekódovaný a stále nejbezpečnější kompatibilní vrstva.
• Přidejte AV1, když to ospravedlňuje objem videa nebo náklady na přenos. AV1 umí nabídnout vynikající kompresi, zejména při nižších bitratech, ale enkódování je pomalejší a starší zařízení mohou spadnout na fallback.
• VP9 používejte hlavně tehdy, když mu už vaše publikum a pipeline nahrávají. Zůstává užitečný, zejména ve workflow WebM a v některých prostředích Android/desktop, ale AV1 je perspektivnější otevřený kodek.
• HEVC používejte na webu opatrně. Může být atraktivní pro publikum silně orientované na Apple, ale podpora v prohlížečích/platformách a licenční složitost z něj dělají špatný univerzální výchozí formát.

Může to znít konzervativně. A také je. Selhání videa nejsou nenápadná. Když se přehrávání rozbije, uživatelé nebudou obdivovat váš kompresní poměr.

Poznejte čtyři hlavní webové kodeky

H.264: nudný výchozí kodek, na kterém stále záleží

H.264, známý také jako AVC, zůstává nejbezpečnějším video základem webu. Přehraje se téměř všude: v desktopových prohlížečích, mobilních prohlížečích, chytrých televizích, starších zařízeních, sociálních embedech i webviews nativních aplikací.

Jeho silné stránky jsou jednoduché:

• Velmi široká podpora
• Vyspělé enkódovací nástroje
• Spolehlivé hardwarové dekódování
• Dobré chování baterie na mobilu
• Předvídatelná podpora streamování

Jeho slabiny jsou také jasné. Není tak kompresně efektivní jako AV1 nebo HEVC. Při stejné úrovni kvality H.264 obvykle potřebuje více bitů. Pokud doručujete velké objemy videa, tento rozdíl se promění ve skutečné peníze za CDN.

Přesto je pro krátké klipy, produktová videa, dokumentační videa a weby s nízkou až střední návštěvností H.264 obvykle správné první enkódování.

AV1: efektivní kodek se skutečnými kompromisy

AV1 je nejsilnější otevřená volba kodeku pro moderní webové doručování. Často poskytuje lepší kvalitu než H.264 a VP9 při stejném bitratu, zejména pro uživatele s nižší šířkou pásma. To je atraktivní pro streamovací platformy, mediálně náročné vydavatele, vzdělávací weby a každý tým, který vážně řeší náklady na přenos.

AV1 ale není zdarma. Enkódování je výpočetně náročné, i když moderní enkodéry a hardwarová akcelerace se výrazně zlepšily. Podpora přehrávání také závisí na zařízení. Novější desktopy, zařízení Android a televize jsou stále schopnější; starší telefony a notebooky nemusí mít efektivní hardwarové dekódování.

Praktické pravidlo: AV1 je vynikající jako dodatečná varianta, ne jako jediná varianta. Kombinujte ho s fallbackem H.264, pokud nemáte přehrávací prostředí pod přísnou kontrolou.

Toto rozhodnutí se podobá volbám formátů statických obrázků: lepší komprese je užitečná jen tehdy, když v reálném světě obstojí podpora, čas enkódování a kvalita. Stejné uvažování o kompromisech platí u rozhodování o obrazových formátech jako AVIF versus WebP.

VP9: stále užitečný, méně vzrušující

VP9 byl hlavní otevřenou alternativou před tím, než dozrál AV1. Může být výrazně efektivnější než H.264 a má solidní podporu v mnoha prohlížečích založených na Chromium, ve Firefoxu, prostředích Android a na některých televizních platformách.

VP9 stále dává smysl, pokud:

• Už máte enkódovací pipeline pro VP9
• Vaše publikum je převážně Chrome, Firefox, Android nebo chytrá televize
• Potřebujete doručování WebM
• Náklady na enkódování AV1 zatím nejsou přijatelné

Pro novou pipeline v roce 2026 je však VP9 těžší obhájit jako dlouhodobý pokročilý kodek. Pokud jdete za hranici H.264, AV1 je obvykle lepší strategická sázka.

HEVC: technicky silný, provozně nešikovný

HEVC, známý také jako H.265, je efektivní a v některých ekosystémech široce používaný. Zvlášť relevantní je na zařízeních Apple, kde je hardwarová podpora běžná.

Problémem není kvalita. Problémem je praktičnost na webu. Podpora v prohlížečích byla historicky roztříštěná, licencování je složitější než u otevřených kodeků a chování napříč platformami může být nevyrovnané. HEVC může být chytrým doplňkem pro publikum silně orientované na Apple nebo workflow blízká nativním aplikacím, ale jen zřídka je nejčistší univerzální výchozí volbou pro web.

Pokud vaše analytika ukazuje výrazně silné publikum Safari/iOS/macOS, HEVC může stát za otestování. Pokud potřebujete jeden pokročilý kodek pro široký web, dejte přednost AV1.

Začněte publikem, ne tabulkou kodeků

Než zvolíte formáty, odpovězte si podle vlastní analytiky na tři otázky:

1. Které prohlížeče a zařízení skutečně sledují vaše video? Desktopový Chrome není totéž co low-end Android, Safari na iPhonu, prohlížeče v aplikacích nebo chytré televize.
2. Jak dlouhá jsou videa? Dvanáctisekundová hero smyčka a devadesátiminutová lekce mají velmi odlišnou ekonomiku.
3. Kolik videa uživatelé skutečně zkonzumují? Zobrazení stránek nejsou doba sledování. Úspory šířky pásma jsou nejdůležitější tam, kde lidé sledují dost sekund na to, aby na kodeku záleželo.

Pokud je váš video provoz nízký, může stačit dobře komprimované H.264 MP4. Pokud je video středem produktu, používejte více variant a moderní kodeky.

Přizpůsobte volbu kodeku modelu doručování

Jednoduché vložené video

Pro malý web s několika videi začněte s:

• H.264 video
• AAC audio
• MP4 container
• Rozumné rozlišení a bitrate
• Poster image
• Lazy loading tam, kde se hodí

Tato kombinace není okázalá, ale funguje. Volitelně můžete před MP4 fallback přidat AV1 nebo VP9 jako zdroj WebM:

<video controls preload="metadata" poster="poster.jpg">
  <source src="demo-av1.webm" type="video/webm; codecs=av01.0.05M.08">
  <source src="demo-h264.mp4" type="video/mp4; codecs=avc1.4d401f, mp4a.40.2">
</video>

Prohlížeč vybere první zdroj, který dokáže přehrát. Testujte to na skutečných zařízeních, nejen na svém vývojářském notebooku.

Streamování a dlouhé přehrávání

U delšího obsahu je adaptivní streamování podle bitratu důležitější než jakýkoli jednotlivý kodek. HLS a MPEG-DASH umožňují přehrávači přepínat mezi úrovněmi kvality podle podmínek sítě a zařízení.

Praktický streamovací žebřík může zahrnovat:

• Varianty H.264 pro širokou kompatibilitu
• Varianty AV1 pro schopné moderní klienty
• Více rozlišení a bitrateů
• Samostatné zvukové varianty tam, kde jsou užitečné
• Velikosti segmentů vyladěné pro spuštění a chování při přepínání

Volbu kodeku a návrh bitrate ladderu je třeba testovat společně. Krásné enkódování AV1 v jednom bitratu nepomůže, pokud je spuštění pomalé, segmenty jsou příliš velké nebo zařízení střední třídy mají potíže s dekódováním.

Neignorujte hardwarové dekódování

Kodek podporovaný softwarově není totéž co kodek podporovaný dobře. Softwarové dekódování může zvýšit využití CPU, vybíjet baterii a způsobovat vypadávání snímků. To je zvlášť důležité pro mobilní uživatele, notebooky na baterii a přehrávání ve 4K.

Při testování sledujte:

• Využití CPU a GPU
• Vybíjení baterie
• Vypadlé snímky
• Hluk ventilátoru na noteboocích
• Zahřívání telefonů
• Zpoždění spuštění
• Odezvu při přeskakování

Tady může „nejlepší komprese“ prohrát s „dost dobré a hardwarově dekódované“. Větší soubor H.264, který se přehrává plynule, může být lepší než menší soubor AV1, který na starším hardwaru spaluje uživatelovu baterii.

Na bitratu stále záleží víc, než týmy přiznávají

Volba kodeku nezachrání nedbalý bitrate ladder. Mnoho webových videí je plýtvavých, protože jsou exportována v nastaveních produkčního masteru a nahrána bez rozumného doručovacího plánu.

Jako hrubý výchozí bod pro webové přehrávání H.264 SDR:

• 720p: asi 2–4 Mbps
• 1080p: asi 4–8 Mbps
• 4K: asi 12–25 Mbps

AV1 a HEVC mohou při podobné vnímané kvalitě často jít níž, ale záleží na obsahu. Záběry mluvící hlavy se komprimují jinak než záznamy her, nahrávky obrazovky, animace, sport nebo zrnitý film.

Vždy testujte vizuálně. Kompresní metriky pomáhají, ale o přijatelnosti videa rozhoduje lidské vnímání.

Kontejnery a MIME typy jsou součástí práce

Kodek není formát souboru. H.264 se běžně doručuje v MP4. AV1 může být doručován ve WebM nebo MP4 podle cílové podpory a pipeline. VP9 je běžně WebM. Záleží i na volbě audio kodeku: AAC zůstává bezpečím výchozím zvukem pro MP4, zatímco Opus je výborný ve workflow WebM.

Posílejte správné MIME typy. Ujistěte se, že fungují range requests. Záměrně nastavte cacheování. Rozbité hlavičky mohou způsobit selhání přeskakování ve videu nebo vynutit zbytečné opakované stahování. Pokud se video v produkci chová jinak než lokálně, prozkoumejte skutečnou HTTP odpověď; přístup z ladění redirectů a HTTP hlaviček v produkci se na doručování médií vztahuje přímo.

Měřte přehrávání, nejen rychlost stránky

Obecná skóre výkonu mohou upozornit na těžké stránky, ale video zážitek plně nevysvětlí. Sledujte signály specifické pro video:

• Čas do prvního snímku
• Zpoždění spuštění
• Poměr rebufferování
• Průměrný doručený bitrate
• Vypadlé snímky
• Chybovost podle prohlížeče a zařízení
• Doba sledování a místa opuštění

Audit stránky je stále užitečný pro okolní problémy: příliš velké postery, skripty blokující renderování, špatný lazy loading a posuny rozložení kolem přehrávače. Pokud váš tým používá Lighthouse jako první průchod, čtěte ho jako nástroj pro prioritizaci, ne jako verdikt; reporty Lighthouse vyžadují interpretaci, zejména na stránkách náročných na média.

Praktický rozhodovací strom

Použijte toto jako výchozí bod:

1. Potřebujete maximální kompatibilitu? Použijte H.264 MP4.
2. Doručujete mnoho minut videa na uživatele? Přidejte varianty AV1 tam, kde jsou podporované.
3. Publikum tvoří převážně zařízení Apple? Zvažte HEVC jako dodatečnou variantu, ne jako jedinou.
4. Už jste investovali do VP9? Nechte ho, pokud funguje dobře; nemigrujte urgentně bez důkazů.
5. Dlouhý obsah nebo proměnlivé sítě? Použijte adaptivní streamování dřív, než se začnete upínat k jednomu kodeku.
6. Publikum na low-end mobilech? Upřednostněte hardwarově dekódované formáty a konzervativní bitrate.
7. Krátké dekorativní video? Zvažte, zda to vůbec má být video. Statický obrázek, animace nebo kratší smyčka mohou být lepší.

<!-- tool-cta:start -->

💡 Vyzkoušejte toto: Otestujte, jak různé kodeky fungují s vaším obsahem pomocí Video Converter, aby vaše rozhodnutí vycházelo ze skutečného výstupu, ne z obecných benchmarků.

<!-- tool-cta:end -->

Rozumné výchozí doporučení

Pokud dnes stavíte nebo obnovujete webovou video pipeline, začněte zde:

• Enkódujte spolehlivý H.264/AAC MP4 fallback.
• Přidejte AV1 pro prohlížeče a zařízení, která z něj těží.
• Pro dlouhý obsah používejte adaptivní streamování.
• Testujte na skutečných zařízeních, včetně staršího a slabšího hardwaru.
• Po spuštění monitorujte chyby přehrávání a bufferování.

Výběr kodeku není jednorázové prohlášení. Je to údržbové rozhodnutí. Podpora prohlížečů se zlepšuje, hardware se mění, enkódovací nástroje zrychlují a vaše publikum se posouvá. Rozhodnutí pravidelně přehodnocujte, ale nehoňte se za každým oznámením nového kodeku. Správný kodek je ten, který vaši uživatelé přehrají plynule, v přijatelné kvalitě, bez plýtvání šířkou pásma a bez toho, aby se váš doručovací stack stal křehkým.