Pripojenie zlyhalo. Skúste to prosím znova.

Preskočiť na obsah
SEO Tools
Pomocník a dokumentácia
Rýchlosť Stredný dopad Ľahké 20–40 min

Moderné formáty obrázkov (WebP/AVIF)

WebP a AVIF sú o 25–50 % menšie než JPEG/PNG.

Čo to je

WebP a AVIF sú moderné obrazové formáty s výrazne lepšou kompresiou než JPEG/PNG pri rovnakej kvalite. Podporujú ich všetky súčasné prehliadače.

Prečo to riešiť

Obrázky bývajú najväčšia časť váhy stránky. Prechod na WebP/AVIF ušetrí desiatky percent dát bez viditeľnej straty kvality — priame zrýchlenie.

Ako na to

  1. 1Preveď obrázky do WebP (univerzálny) alebo AVIF (ešte menší).
  2. 2Použi <picture> s fallbackom pre istotu.
  3. 3Automatizuj konverziu v builde / cez CDN s transformáciou obrázkov.
  4. 4Zároveň zmenši na reálne potrebné rozmery.

Príklad

Správne
<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áver

Moderné formáty sú jedna z najúčinnejších ciest, ako znížiť váhu stránky. Ideálne automatizuj konverziu, aby to nebola ručná práca pri každom obrázku. Kombinuj s kompresiou, správnymi rozmermi a lazy loadingom.

Súvisiace témy