AVIF näme? AV1 esasly täze nesil surat formaty

AVIF (AV1 Image File Format) AV1 wideo kodeginiň hereketsiz surat gysyşyny surat faýllaryna getirýär. Ol fotosuratlary JPEG-den, köp ýagdaýda bolsa WebP-den hem kiçi faýllarda saklap bilýär we aýdynlygy, animasiýany, 10 we 12 bitlik reňk çuňlugyny hem-de HDR-i goldaýar. Bu makalada AVIF-iň nireden gelendigi, faýlyň içinde näme bardygy, hakykatda näçe tygşytlaýandygy we nirede kynçylyk döredýändigi düşündirilýär.

AVIF-iň aňyrsynda kim dur?

AVIF açyk we tölegsiz media tehnologiýasyny döretmek üçin 2015-nji ýylda esaslandyrylan pudak birleşigi Alliance for Open Media (AOMedia) tarapyndan işlenip düzüldi. Onuň ilkinji uly taslamasy AV1 wideo kodegidi, AOMedia-nyň aýtmagyna görä ol 2018-nji ýylda çap edildi. Library of Congress-iň format beýanyna görä, AVIF spesifikasiýasynyň 1.0.0 wersiýasynyň senesi 2019-njy ýylyň 19-njy fewraly, 1.1.0 wersiýasynyňky bolsa 2022-nji ýylyň 15-nji apreli. Spesifikasiýanyň häzirki wersiýasy 2025-nji ýylyň 16-njy oktýabryna degişli 1.2.0.

Tölegsiz bolmagy esasy tapawutdyr: MDN hem AVIF-i ýokary öndürijilikli, tölegsiz format hökmünde suratlandyrýar. Şol bir HEIF konteýnerini ulanýan HEIC bolsa HEVC kodegine daýanýar we onuň brauzer goldawy hiç ýakyn hem däl.

AVIF faýlynyň içinde näme bar

HEIF konteýneri

AVIF AV1 bilen gysylan suratlary HEIF konteýnerinde (High Efficiency Image File Format, ISO/IEC 23008-12) saklaýar. HEIF-iň özi MP4 faýllary bilen şol bir esas bolan ISO esasy media faýl formatyna (ISOBMFF) daýanýar. Spesifikasiýa görä, AVIF faýly ýeke suratlar üçin hem, surat yzygiderlikleri üçin hem HEIF-e laýyk faýl bolmaly edilip taslanandyr we MIAF-a hem laýyk gelmelidir. Faýl görnüşi başdaky ftyp gutusyndaky brendler bilen kesgitlenýär: hereketsiz suratlar üçin avif, animasiýaly yzygiderlikler üçin avis.

Profiller

Spesifikasiýa iki profili kesgitleýär: AV1 Main profilini 5.1 ýa-da ondan pes derejede ulanýan Baseline (brend MA1B) we hereketsiz suratlar üçin AV1 High profiline rugsat berýän Advanced (brend MA1A). Bu profiller dekoderiň haýsy faýllary açyp biljekdigini öňünden bilmäge mümkinçilik berýär.

Aýdynlyk we animasiýa

Alfa kanaly esasy surata baglanan aýratyn kömekçi AV1 suraty hökmünde saklanýar. Şol alfa suraty bir reňkli bolmaly we esasy surat bilen şol bir bit çuňlugyny ulanmalydyr. Animasiýaly AVIF aslynda AV1 wideo ýoluna meňzeýär, şonuň üçin ol şol mazmunly animasiýaly GIF-den has netijeli gysylýar.

Gysyş, reňk çuňlugy we HDR

AVIF AV1-iň kadr içi kodlama gurallaryny ulanýar: surat üýtgeýän ölçegli bloklara bölünýär, her blok köp ugurly çaklama tertipleriniň iň gowusy bilen çaklanýar, galan tapawut bolsa özgerdilýär we kwantlanýar. JPEG-iň berk 8x8 bloklary bilen deňeşdirilende bu çeýelik esasan kiçi faýl ölçeglerinde bloklaşmany azaldýar we tekiz meýdanlary has arassa galdyrýar.

MDN-e görä, AVIF 8, 10 we 12 bitlik reňk çuňlugyny hem-de YUV 4:4:4, 4:2:2 we 4:2:0 reňk diskretizasiýasyny goldaýar. AVIF spesifikasiýasy formatyň Ýokary dinamiki diapazonly (HDR) we Giň reňk gerimli (WCG) suratlary goldaýandygyny aýdýar, MDN bolsa PQ we HLG geçiş funksiýalaryny we Rec. 2020 reňk giňişligini sanap geçýär. JPEG-iň we WebP-iň 8 bitlik çägini göz öňünde tutsaň, AVIF webde HDR fotosuratlaryny bermek üçin iň kämil saýlawlaryň biridir.

AVIF näçe kiçi?

web.dev-däki AVIF gollanmasynyň awtorlary (Jai Krishnan, Wan-Teh Chang we Jeremy Wagner) öz işlerinde we beýlekileriň işlerinde JPEG bilen deňeşdirilende 50%-den gowrak tygşytlylyk görendiklerini habar berýärler, MDN bolsa ýitgili AVIF suratlarynyň JPEG suratlaryndan takmynan 50% kiçidigini aýdýar. Bu sanlar mazmuna, kodlaýjy sazlamalaryna we maksat hiline baglylykda üýtgeýär.

Hakyky web maglumatlary has seresap suraty çekýär. HTTP Archive Web Almanac 2024-e görä, mobil enjamlarda ortaça (mediana) AVIF suraty piksel başyna 1,4 bit ulanýar, WebP üçin bu 1,3, JPEG üçin bolsa 2,0. Hasabat AVIF medianasynyň 2022-nji ýyldaky takmynan piksel başyna 1,0 bitden ýokarlanandygyny, ýagny takmynan 47% artandygyny hem belleýär. Başgaça aýdylanda, formatyň nazary artykmaçlygy saýtlaryň saýlaýan hil sazlamalaryna baglylykda amalda hemişe kiçi faýllara öwrülmeýär.

Brauzer goldawy we ýaýraýşy

Can I use-yň maglumatyna görä, AVIF-i goldaýan brauzerler dünýä boýunça ulanyşyň 96,35%-ini düzýär (2026-njy ýylyň oktýabry). Goldaw Chrome 85, Firefox 93, Edge 121 we Safari 16.4 bilen geldi, Safari 16.1-16.3-de bolsa bölekleýin goldaw bar. MDN Firefox-yň animasiýaly AVIF goldawyny 113-nji wersiýada goşandygyny belleýär.

Ýaýraýşy entek pes, ýöne çalt artýar. W3Techs-iň 2026-njy ýylyň oktýabryndaky maglumatlary AVIF-iň gözegçilik edilýän web sahypalaryň 1,7%-inde ulanylýandygyny görkezýär. Web Almanac 2024 mobil sahypalardaky suratlaryň 1,0%-iniň AVIF bolup, bu paýyň iki ýylda deňeşdirme boýunça 386% artandygyny habar berýär.

Web saýtda AVIF-i nädip bermeli

AVIF goldawy WebP-iňkiden has täze bolany üçin MDN has giň goldanylýan formatlarda ätiýaçlyk görnüşlerini hem bermegi maslahat berýär. Iň ýaýran çemeleşme HTML <picture> elementinde çeşmeleri iň netijeliden iň gabat gelýäne çenli sanamakdyr. Brauzer düşünýän ilkinji çeşmesini ýükleýär, olaryň hiç birini bilmese bolsa <img> tegindäki JPG-i ulanýar:

<picture>
  <source srcset="surat.avif" type="image/avif">
  <source srcset="surat.webp" type="image/webp">
  <img src="surat.jpg" alt="Düşündiriji alt teksti" width="1200" height="800">
</picture>

Bu sazlama üç faýl taýýarlamagy aňladýar, ýöne her bir myhman öz brauzeriniň goldaýan iň kiçi faýlyny ýükleýär.

AVIF-iň gowşak taraplary

• Haýal kodlamak: AVIF döretmek JPEG-den ýa-da WebP-den ep-esli köp prosessor wagtyny alýar. web.dev gollanmasy has çalt tizlik sazlamalarynyň gysyş netijeliligini we hili peseldýändigini belleýär.
• Progressiw görkeziş ýok: MDN-e görä, AVIF progressiw görkezişi goldamaýar, şonuň üçin faýl görkezilmezden öň doly ýüklenmeli.
• Programma goldawy brauzerlerden yzda galýar: brauzerler AVIF-i görkezýän hem bolsa, köne görkezijiler, ofis programmalary we ýükleme formalary köplenç ony kabul etmeýär.
• Örän ýokary hilde peýda azalýar: ýitgisize ýakyn faýllar çalt ulalýar; arhiw göçürmeleri üçin PNG ýa-da asyl faýl has laýyk.

Ýygy duş gelýän meseleler

AVIF faýly açylmaýar

Adatça programma ýöne AVIF-i tanamaýar. Faýly paýlaşmak ýa-da köne programmalarda ulanmak üçin fotosuratlary JPG-e, aýdyň suratlary bolsa PNG-e öwürmek iň çalt çözgütdir.

Öwrülenden soň reňkler solgun görünýär

HDR ýa-da giň gerimli AVIF 8 bitlik sRGB formatyna öwrülende goşmaça ýagtylyk we reňk maglumatlary sygmaýar we surat göz öňünde tutulandan has öçügsi görnüp biler. Bu maksat formatyň çägidir.

Animasiýa ýitdi

JPG we PNG animasiýa saklamaýar, şonuň üçin bu formatlaryň birine öwrülen animasiýaly AVIF diňe bir kadry saklaýar.

AVIF öwürmek boýunça maslahatlar

• AVIF-i islendik ýerde açmak üçin: AVIF-i JPG-e ýa-da aýdynlygy saklamak üçin AVIF-i PNG-e öwüriň. Animasiýaly AVIF faýllarynda diňe birinji kadr ulanylýar.
• AVIF döretmek üçin: biziň JPG-den AVIF-e we PNG-den AVIF-e öwrüjilerimiz adaty ýagdaýda 60 hil ulanýar. AVIF-iň hil şkalasy JPEG-iňki bilen şol bir manyny aňlatmaýar we 60 fotosuratlaryň köpüsi üçin gowy netije berýär. 95 we ondan ýokary hilde reňk doly çözgütde (4:4:4) kodlanýar; ondan pesde 4:2:0 ulanylýar.
• Sabyrly boluň: AVIF kodlamak brauzeriňizde WebAssembly bilen işleýär we beýleki formatlardan haýal; interfeýs öňe gidişligi görkezýär. Faýllaryňyz hiç haçan enjamyňyzdan çykmaýar.
• Reňk we metamaglumatlar: gurallarymyz reňkleri sRGB-e uýgunlaşdyrýar, şonuň üçin HDR maglumatlary netijä geçirilmeýär. EXIF we ýerleşiş maglumatlary hem netijä ýazylmaýar.
• Toplumlaýyn işler üçin surat öwrüjisinde maksat hökmünde AVIF-i saýlaň we birnäçe faýly bir wagtda öwüriň.

Köp berilýän soraglar

AVIF we HEIC şol bir zatmy?

Ýok, ýöne olar baglanyşykly. Ikisi hem HEIF konteýnerini ulanýar; HEIC suraty HEVC (H.265) bilen gysýar, AVIF bolsa AV1 ulanýar. AV1 tölegsiz kodekdir we häzir AVIF ähli esasy brauzerlerde açylýar, HEIC bolsa esasan Apple enjamlary bilen bagly bolup galdy.

AVIF WebP-den gowumy?

AVIF adatça fotosuratlar üçin has kiçi faýllar döredýär we HDR-i goldaýar; WebP has çalt kodlanýar we goldawy has irki wersiýalara gidýär. Saýtyňyzda ikisini hem <picture> elementi arkaly hödürlemek her brauzere öz goldaýan iň netijeli formatyny almaga mümkinçilik berýär.

AVIF ýitgisiz bolup bilermi?

Hawa, AV1 ýitgisiz kodlamany hem goldaýar. Emma ýitgisiz AVIF faýllary adatça uly bolýar, şonuň üçin ýitgisiz saklamak gerek bolsa, PNG ýa-da ýitgisiz WebP köplenç has amatly.

AVIF iPhone-da açylýarmy?

Häzirki iOS wersiýalaryndaky Safari AVIF-i görkezýär; Can I use-yň maglumatyna görä, doly goldaw Safari 16.4 bilen geldi. Aýry programmalardaky goldaw programmadan programma üýtgeýär.

AVIF-i ýatda saklamak näme üçin beýle haýal?

AV1 iň gowy gysyşy tapmak üçin köp blok ölçeglerini we çaklama ugurlaryny synap görýär. Bu gözleg faýllary kiçeldýär, ýöne prosessor wagtyny talap edýär. Kodlaýjynyň tizlik sazlamasy deňagramlylygy üýtgedýär: has çalt sazlamalar has uly faýllary döredýär.

Çeşmeler

• AOMedia: AV1 Image File Format (AVIF) specification
• AOMedia: Our story
• Library of Congress: AVIF formatynyň beýany
• MDN: Image file type and format guide
• web.dev: Using AVIF to compress images on your site
• Can I use: AVIF image format
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media