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

1Preveď obrázky do WebP (univerzálny) alebo AVIF (ešte menší).
2Použi <picture> s fallbackom pre istotu.
3Automatizuj konverziu v builde / cez CDN s transformáciou obrázkov.
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