Rychlost Střední dopad Snadné 20–40 min

Moderní formáty obrázků (WebP/AVIF)

WebP a AVIF jsou o 25–50 % menší než JPEG/PNG.

Co to je

WebP a AVIF jsou moderní obrazové formáty s výrazně lepší kompresí než JPEG/PNG při stejné kvalitě. Podporují je všechny současné prohlížeče.

Proč to řešit

Obrázky bývají největší část váhy stránky. Přechod na WebP/AVIF ušetří desítky procent dat bez viditelné ztráty kvality, přímé zrychlení.

Jak na to

1Převeď obrázky do WebP (univerzální) nebo AVIF (ještě menší).
2Použij <picture> s fallbackem pro jistotu.
3Automatizuj konverzi v buildu / přes CDN s transformací obrázků.
4Zároveň zmenši na reálně potřebné rozměry.

Příklad

Správně

<picture>
  <source srcset="foto.avif" type="image/avif">
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="..." width="800" height="600">
</picture>

Závěr

Moderní formáty jsou jedna z nejúčinnějších cest, jak snížit váhu stránky. Ideálně automatizuj konverzi, ať to není ruční práce u každého obrázku. Kombinuj s kompresí, správnými rozměry a lazy loadingem.

Související témata