Pokiaľ ide o načítanie webových stránok, obrázky trvajú z dôvodu veľkosti dlho. Za posledných pár rokov sa vyvinulo veľa úsilia a WebP sa stal populárnym. V porovnaní s formátom JPEG je formát WebP o 30% menší, čo je obrovské, zvlášť teraz, keď je webový dôležitý faktor webu Google súčasťou vyhľadávacieho algoritmu. Tu to však nekončí.
Alliance for Open Media vyvinula nový formát obrázkov-AV1 (.avif), čo je o 50% menej ako JPEG. V tomto príspevku si povieme niečo o tom a o tom, ako môžete povoliť jeho podporu v prehliadačoch Chrome, Firefox a Edge.
Čo je formát obrázka AVIF alebo AV1
Aliancia za otvorené médiá v spolupráci so spoločnosťami Google, Cisco a Xiph.org, vytvorila formát AVIF. Je to formát otvoreného zdroja, ktorý nevyžaduje nijaké licenčné poplatky (implementácia JPEG vyžaduje nákladné licencovanie). Je to superkomprimovaný obrázok, ktorý ponúka lepšiu kvalitu a pomer veľkosti súboru. Tu je zoznam funkcií:
- Podporuje akýkoľvek obrazový kodek
- Môže to byť stratové alebo stratové.
- Môže ukladať sériu rámov i.e., Podpora GIF.
- Podporuje podporu farieb HDR s lepším jasom, farebnou hĺbkou a farebnými gamutmi
Povoľte podporu AVIF alebo AV1 v prehliadačoch Chrome, Edge a Firefox
Pretože je formát nový, bude potrebné, aby sa stal mainstreamom. Dobrou správou je, že prehľadávače ich už podporujú, v predvolenom nastavení však ešte nebudú povolené. Nakoniec sa to stane po konci jazdného pruhu.
Prehliadač Chrome verzie 85 to už povolil, zatiaľ čo prehliadač Firefox (verzia 80) vyžaduje povolenie príznaku. Pre Firefox postupujte podľa nižšie uvedenej metódy:
- Na novej karte zadajte o: konfigur a stlačte kláves Enter.
- Vyhľadajte obrázok.avif.povolené
- Dvojitým kliknutím zmeníte hodnotu na true.
Pretože Microsoft Edge používa rovnaký Chromium Engine, podpora pre Edge by sa mala čoskoro rozvinúť.
Ako to môžu webové stránky implementovať?
Majitelia webových stránok môžu na vloženie záložnej reklamy použiť prvok PICTURE v natívnom formáte HTML.e., ak to prehliadač nepodporuje, môžete požiadať prehliadač, aby použil iný formát obrázka.
Ako vytvoriť súbor AVIF
Pomocou webovej aplikácie Squoosh môžete previesť akýkoľvek obrázok do formátu AVIF. Vďaka tímu laboratórií Google Chrome získate prístup k rozšíreným možnostiam všetkých obrazových kompresorov. Ak máte iba pár obrázkov, môžete použiť tento.
Na webové stránky alebo na hromadnú konverziu obrázkov môžete na kódovanie a dekódovanie súborov AVIF použiť knižnicu AOMedia, libavif. Tí, ktorí používajú MacOS s Homebrew, si môžete nainštalovať vopred pripravenú verziu pomocou nasledujúceho príkazu
brew install joedrago / repo / avifenc
Zvukový formát AVIF znie sľubne. Pretože pomáha oveľa rýchlejšie načítať webové stránky, mal by sa prijať rýchlejšie ako formát WebP. Posledné spomenuté trvalo veľa času hlavne preto, že rýchlosť vtedy nebola prvoradým záujmom, ale teraz už áno.