Phenquestions
Pokud jde o načítání webových stránek, obrázky kvůli velikosti trvají dlouho. V posledních několika letech bylo vynaloženo velké úsilí a WebP se stal populárním. Ve srovnání s JPEG je formát WebP o 30% menší, což je obrovské, zvláště nyní, když je webový důležitý faktor Google součástí vyhledávacího algoritmu. Tím to ale nekončí.
Alliance for Open Media vyvinula nový formát obrazu-AV1 (.avif), což je o 50% méně než JPEG. V tomto příspěvku o tom budeme hovořit a jak můžete povolit jeho podporu v prohlížečích Chrome, Firefox a Edge.
Co je formát obrázku AVIF nebo AV1
Alliance for Open Media, ve spolupráci s Google, Cisco a Xiph.org, vytvořil formát AVIF. Jedná se o formát open-source, který nevyžaduje žádnou autorskou odměnu (JPEG vyžaduje pro implementaci nákladné licencování). Jedná se o super komprimovaný obrázek, který nabízí lepší kvalitu a poměr velikosti souboru. Zde je seznam funkcí:
- Podporuje jakýkoli obrazový kodek
- Může to být ztrátové nebo bezztrátové.
- Může ukládat řadu snímků, tj.E., Podpora GIF.
- Podporuje podporu barev HDR s lepším jasem, barevnou hloubkou a barevnými gamuty
Povolte podporu AVIF nebo AV1 v prohlížečích Chrome, Edge a Firefox
Vzhledem k tomu, že je tento formát nový, bude trvat, než se stane mainstreamem. Dobrou zprávou je, že prohlížeče je již podporují, ale ve výchozím nastavení je ještě nelze povolit. Nakonec k tomu dojde v jízdním pruhu.
Chrome verze 85 to již povolil, zatímco Firefox (verze 80) vyžaduje povolení příznaku. Postupujte podle níže uvedené metody pro Firefox:
- Na nové kartě zadejte about: config a stiskněte klávesu Enter.
- Vyhledejte obrázek.avif.povoleno
- Dvojitým kliknutím změníte hodnotu na true.
Vzhledem k tomu, že Microsoft Edge používá stejný Chromium Engine, měla by se podpora Edge brzy zavést.
Jak to mohou webové stránky implementovat?
Majitelé webových stránek mohou použít prvek OBRAZ v nativním kódu HTML k zahrnutí záložní stránky i.E., pokud to prohlížeč nepodporuje, můžete prohlížeč požádat o použití jiného formátu obrázku.
Jak vytvořit soubor AVIF
Pomocí webové aplikace Squoosh můžete převést libovolný obrázek do formátu AVIF. Díky týmu Google Chrome Labs získáte přístup k pokročilým možnostem pro všechny kompresory obrázků. Pokud máte jen pár obrázků, můžete použít tento.
Pro webové stránky nebo hromadnou konverzi obrázků můžete použít knihovnu AOMedia, libavif, ke kódování / dekódování souborů AVIF. Ti, kteří používají MacOS s Homebrew, si můžete nainstalovat předem připravenou verzi pomocí následujícího příkazu
brew install joedrago / repo / avifenc
Formát obrazu AVIF zní slibně. Protože pomáhá zlepšit načítání webových stránek mnohem rychleji, mělo by být přijato rychleji než formát WebP. Ta druhá trvala hodně času hlavně proto, že rychlost tehdy nebyla primárním zájmem, ale nyní je.
