Heslo ve slovníčku
WebP a AVIF
Stručně
Moderní formáty obrázků. Při stejné kvalitě mají menší velikost než JPEG, u fotografií běžně o čtvrtinu až polovinu.
Jak je nasadit
Značka picture s několika zdroji umožní nabídnout AVIF, pak WebP a nakonec JPEG. Prohlížeč si vybere první formát, kterému rozumí. Většina redakčních systémů to řeší doplňkem, který převod i zápis obstará.
Na co nezapomenout
- Servírovat velikost odpovídající zobrazení, ne fotografii z fotoaparátu.
- Uvádět rozměry, aby se stránka neposouvala.
- Kvalitu nastavit kolem 75 až 80 procent. Vyšší hodnoty přidají velikost bez viditelného rozdílu.
Časté dotazy
Který z nich zvolit?
WebP jako výchozí, protože ho podporují úplně všechny prohlížeče a převod je rychlý. AVIF má lepší kompresi, ale kódování trvá déle a u velkých knihoven obrázků to znamená znatelně vyšší zátěž. Obvykle se nabízí AVIF s WebP jako záložní variantou.
Musím převádět staré obrázky?
U webu s tisíci obrázků stačí převádět nově nahrávané a hromadně převést ty na nejnavštěvovanějších stránkách. Plošný převod celé knihovny se obvykle nevyplatí, protože většinu obrázků nikdo nevidí.
Týká se to vašeho webu?
Kontrola projde web a řekne, jestli tenhle problém máte. Trvá to necelou minutu.