Formát WebM pro zobrazení videa na webu.

4. 3. 2025

Formát WebM byl představen spolu s formátem webp pro zobrazení fotek v roce 2010 jako součást snahy Googlu o zrychlení webu a snížení datové náročnosti streamovaného obsahu. Vychází z otevřeného videokodeku VP8 (později VP9 a nejnověji AV1) a audiokodeku Opus nebo Vorbis. Cílem bylo nabídnout výkonnou alternativu k proprietárním formátům, jako je H.264, a usnadnit integraci videa do webových aplikací.

Výhody formátu WebM

  1. Efektivní komprese – Díky VP8 a VP9 poskytuje WebM vysokou kvalitu obrazu při menší velikosti souborů než starší formáty. Ve srovnání s MP4 (H.264) může WebM s kodekem VP9 ušetřit 30-50% velikosti souboru při zachování stejné vizuální kvality.
  2. Otevřený standard – WebM je bez licenčních poplatků, což usnadňuje jeho využití pro vývojáře a tvůrce obsahu.
  3. Podpora moderních prohlížečů – Chrome, Firefox, Edge a další prohlížeče podporují WebM nativně bez potřeby dalších pluginů.
  4. Rychlé streamování – WebM je optimalizován pro online přehrávání a je široce využíván na platformách jako YouTube.
  5. Kvalitní zvuk – Použití Opus nebo Vorbis kodeků zajišťuje čistý zvuk při nižších datových tocích.
  6. Podpora HDR – VP9 kodek podporuje HDR (High Dynamic Range) video, což umožňuje zobrazení širšího barevného spektra a dynamického rozsahu.

Technické detaily a srovnání s jinými formáty

VlastnostWebM (VP9)MP4 (H.264)MP4 (H.265/HEVC)
KompreseVyššíStředníVelmi vysoká
Kvalita při 1080pVýbornáDobráVýborná
Velikost souboru~30% úspora oproti H.264Standardní~40-50% úspora oproti H.264
Podpora prohlížečů~90%~98%Omezená
Licenční poplatkyNeAnoAno (vyšší než H.264)
Náročnost na CPUVyššíNižšíVelmi vysoká
HDR podporaAnoNeAno

Nový kodek AV1 a budoucnost WebM

WebM nyní podporuje také nejnovější kodek AV1, který byl vyvinut aliancí AOMedia (včetně Google, Mozilla, Netflix a dalších). AV1 nabízí:

  • Další 20-30% zlepšení komprese oproti VP9
  • Lepší kvalitu při ultra nízkých datových tocích
  • Otevřený standard bez licenčních poplatků
  • Optimalizaci pro 4K a 8K rozlišení
  • Postupně rostoucí podporu v hardwaru a prohlížečích

Nevýhody a omezení WebM

  • Omezená podpora na některých zařízeních – Starší hardware a některé mobilní zařízení nemusí WebM přehrávat plynule.
  • Horší kompatibilita s některými softwary – Některé editační programy preferují MP4 kvůli široké podpoře kodeků H.264 a H.265.
  • Vyšší náročnost na dekódování – VP9 může být až o 40% náročnější na procesor při přehrávání oproti H.264, AV1 je ještě náročnější.

Jak WebM používat na webu?

  1. Konverze videa do WebM – Lze použít FFmpeg nebo online konvertory k převodu existujících videí. Příklad příkazu FFmpeg:

    ffmpeg -i vstup.mp4 -c:v libvpx-vp9 -crf 30 -b:v 0 -c:a libopus vystup.webm
  2. Použití v HTML5 – WebM lze snadno integrovat do webových stránek pomocí tagu <video>:

    <video controls>
        <source src="video.webm" type="video/webm">
        <source src="video.mp4" type="video/mp4">
        Váš prohlížeč nepodporuje video tag.
    </video>
  3. Optimalizace pro streamování – Pro rychlejší načítání lze využít adaptivní streamovací technologie, jako je DASH nebo HLS. Příklad DASH s WebM:

    <video id="video" controls></video>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/4.5.0/dash.all.min.js"></script>
    <script>
      var player = dashjs.MediaPlayer().create();
      player.initialize(document.querySelector("#video"), "manifest.mpd", true);
    </script>
  4. Server-side řešení – Využití služeb jako je Cloudflare Stream nebo vlastní řešení s NGINX s modulem pro transkódování, které mohou automaticky generovat WebM varianty videí.

Doporučené datové toky pro WebM (VP9)

RozlišeníDoporučený datový tok
360p0.5-1 Mbps
480p1-2 Mbps
720p2-4 Mbps
1080p4-8 Mbps
1440p (2K)8-12 Mbps
2160p (4K)12-20 Mbps

Tyto hodnoty jsou přibližně o 30-40% nižší než doporučené hodnoty pro H.264, což ilustruje efektivitu komprese VP9.

Závěr

WebM je skvělou volbou pro webová videa, protože kombinuje vysokou kvalitu, nízkou datovou náročnost a širokou podporu v moderních prohlížečích. S příchodem kodeku AV1 se efektivita dále zvyšuje, což dělá z WebM formát připravený na budoucnost. Pokud se zaměřujete na efektivní streamování videa bez licenčních poplatků a prioritou je rychlé načítání stránek, WebM je ideální volbou.

Pro maximální kompatibilitu doporučujeme vždy poskytovat i alternativu v MP4 (H.264), a to zejména pro starší zařízení a prohlížeče, které podporu WebM postrádají.

Pokud by jste chtěli nové webové stránky a nebo redesign současných, zavolejte mi na mobil: +420 608 23 33 34, nebo mi pošlete zprávu na email: jiri.wolf@jw.cz.

Můžete taky využít tento formulář