AVIF деген эмне? AV1ге негизделген жаңы сүрөт форматы

AVIF (AV1 Image File Format) AV1 видеокодегинин кыймылсыз сүрөттөрдү кысуусун сүрөт файлдарына алып келет. Ал фотолорду JPEG'тен, көп учурда WebP'тен да кичирээк файлдарда сактай алат жана тунуктукту, анимацияны, 10 жана 12 биттик түс тереңдигин жана HDR'ди колдойт. Бул макалада AVIF кайдан чыкканы, файлдын ичинде эмне бар экени, ал чындыгында канча үнөмдөөрү жана кайсы жерде көйгөй жаратары түшүндүрүлөт.

AVIF'тин артында ким турат?

AVIF'ти ачык, роялтисиз медиа технологияларын түзүү үчүн 2015-жылы негизделген тармактык консорциум Alliance for Open Media (AOMedia) иштеп чыккан. Анын биринчи ири долбоору AV1 видеокодеги болгон, AOMedia'нын айтымында ал 2018-жылы жарыяланган. Library of Congress'тин формат сүрөттөмөсүнө ылайык, AVIF спецификациясынын 1.0.0 версиясы 2019-жылдын 19-февралына, 1.1.0 версиясы 2022-жылдын 15-апрелине таандык. Спецификациянын учурдагы версиясы 2025-жылдын 16-октябрына таандык 1.2.0.

Роялтисиз болушу негизги айырма: MDN да AVIF'ти жогорку өндүрүмдүү, роялтисиз формат катары сүрөттөйт. Ошол эле HEIF контейнерин колдонгон HEIC HEVC кодегине таянат жана браузерлерде мындай колдоого жакын да эмес.

AVIF файлдын ичинде

HEIF контейнери

AVIF AV1 менен кысылган сүрөттөрдү HEIF контейнеринде (High Efficiency Image File Format, ISO/IEC 23008-12) сактайт. HEIF'тин өзү MP4 файлдары сыяктуу эле негизге, ISO базалык медиа файл форматына (ISOBMFF) таянат. Спецификацияга ылайык, AVIF файлы жалгыз сүрөттөр үчүн да, сүрөттөр ырааттуулугу үчүн да HEIF'ке шайкеш файл болуп иштелип чыккан жана ал MIAF'ке да шайкеш болушу керек. Файлдын түрү башындагы ftyp кутучасындагы брендтер аркылуу аныкталат: кыймылсыз сүрөттөр үчүн avif, анимацияланган ырааттуулуктар үчүн avis.

Профилдер

Спецификация эки профилди аныктайт: AV1 Main профилин 5.1 же андан төмөнкү деңгээлде колдонгон Baseline (бренд MA1B) жана кыймылсыз сүрөттөр үчүн AV1 High профилине уруксат берген Advanced (бренд MA1A). Бул профилдер декодер кайсы файлдарды ача аларын алдын ала билүүгө мүмкүндүк берет.

Тунуктук жана анимация

Альфа канал негизги сүрөткө байланган өзүнчө жардамчы AV1 сүрөтү катары сакталат. Ал альфа сүрөтү монохромдук болушу жана негизги сүрөт менен бирдей бит тереңдигин колдонушу керек. Анимацияланган AVIF негизинен AV1 видео трегі болуп саналат, ошондуктан ал ошол эле мазмундагы анимацияланган GIF'ке караганда алда канча натыйжалуу кысылат.

Кысуу, түс тереңдиги жана HDR

AVIF AV1дин кадр ичиндеги коддоо куралдарын колдонот: сүрөт өзгөрмө өлчөмдөгү блокторго бөлүнүп, ар бир блок көптөгөн багыттуу божомолдоо режимдеринин эң жакшысы менен божомолдонот, ал эми калган айырма өзгөртүлүп, кванттолот. JPEG'тин бекитилген 8x8 блокторуна салыштырмалуу бул ийкемдүүлүк, айрыкча кичине файл өлчөмдөрүндө, блок артефакттарын азайтып, тегиз аймактарды тазараак калтырат.

MDN'дин маалыматы боюнча, AVIF 8, 10 жана 12 биттик түс тереңдигин жана YUV 4:4:4, 4:2:2 жана 4:2:0 түс дискретизациясын колдойт. AVIF спецификациясында формат High Dynamic Range (HDR) жана Wide Color Gamut (WCG) сүрөттөрүн колдоору айтылат, ал эми MDN PQ жана HLG өткөрүү функцияларын жана Rec. 2020 түс мейкиндигин тизмелейт. JPEG менен WebP'тин 8 биттик чегин эске алганда, AVIF вебде HDR фотолорду берүү үчүн эң бышып жетилген варианттардын бири.

AVIF канчалык кичине?

web.dev'деги AVIF колдонмосунун авторлору (Джай Кришнан, Ван-Те Чанг жана Джереми Вагнер) өз иштеринде жана башкалардын иштеринде JPEG'ке салыштырмалуу 50%дан ашык үнөмдөөнү көргөнүн билдиришет, ал эми MDN жоготуу менен кысылган AVIF сүрөттөрү JPEG сүрөттөрүнөн болжол менен 50% кичине дейт. Бул сандар мазмунга, коддоочунун жөндөөлөрүнө жана максаттуу сапатка жараша өзгөрөт.

Вебдин реалдуу маалыматтары этиятыраак сүрөттү көрсөтөт. HTTP Archive Web Almanac 2024 боюнча, мобилдик түзмөктөрдөгү AVIF сүрөтүнүн медианасы пикселге 1,4 бит колдонот, ал эми WebP 1,3 жана JPEG 2,0. Отчетто ошондой эле AVIF медианасы 2022-жылдагы болжол менен пикселге 1,0 биттен өсүп, болжол менен 47%га көбөйгөнү белгиленет. Башкача айтканда, форматтын теориялык артыкчылыгы сайттар тандаган сапат жөндөөлөрүнө жараша практикада дайыма эле кичирээк файлдарга айлана бербейт.

Браузерлердин колдоосу жана жайылышы

Can I use'дун маалыматы боюнча, AVIF'ти колдогон браузерлер дүйнөлүк колдонуунун 96,35%ын түзөт (2026-жылдын октябры). Колдоо Chrome 85, Firefox 93, Edge 121 жана Safari 16.4 менен келген, ал эми Safari 16.1ден 16.3кө чейин жарым-жартылай колдоо болгон. MDN Firefox анимацияланган AVIF колдоосун 113-версияда кошконун белгилейт.

Жайылышы азырынча төмөн, бирок тез өсүп жатат. W3Techs'тин 2026-жылдын октябрындагы маалыматтары AVIF ал көзөмөлдөгөн веб-сайттардын 1,7%ында колдонуларын көрсөтөт. Web Almanac 2024 мобилдик барактардагы сүрөттөрдүн 1,0%ы AVIF экенин билдирет, бул үлүш эки жылда салыштырмалуу 386%га өскөн.

Веб-сайтта AVIF'ти кантип берүү керек

AVIF колдоосу WebP'тикине караганда жаңыраак болгондуктан, MDN кеңирирээк колдоого алынган форматтардагы запастарды да берүүнү сунуштайт. Эң кеңири таралган ыкма HTML <picture> элементинде булактарды эң натыйжалуудан эң шайкешке карай тизмелөө. Браузер өзү түшүнгөн биринчи булакты жүктөйт, эгер алардын эч бирин билбесе, <img> тегиндеги JPG'ни колдонот:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Сүрөттү сүрөттөгөн alt текст" width="1200" height="800">
</picture>

Бул ыкма үч файл даярдоону талап кылат, бирок ар бир келүүчү өз браузери колдогон эң кичине файлды жүктөп алат.

AVIF'тин алсыз жактары

• Жай коддоо: AVIF түзүү JPEG же WebP'ке караганда процессордун алда канча көп убактысын талап кылат. web.dev колдонмосунда тезирээк ылдамдык жөндөөлөрү кысуу натыйжалуулугун жана сапатты төмөндөтөрү белгиленет.
• Прогрессивдүү көрсөтүү жок: MDN'дин маалыматы боюнча, AVIF прогрессивдүү көрсөтүүнү колдобойт, ошондуктан файл көрсөтүлүүдөн мурун толук жүктөлүшү керек.
• Программалардын колдоосу браузерлерден артта калат: браузерлер AVIF'ти көрсөткөнү менен, эски көрүүчүлөр, офистик программалар жана жүктөө формалары аны көбүнчө кабыл албайт.
• Өтө жогорку сапатта утуш азаят: жоготуусузга жакын файлдар тез чоңоёт; архивдик көчүрмөлөр үчүн PNG же түп нуска файл ылайыктуураак.

Көп кездешкен көйгөйлөр

AVIF файлы ачылбайт

Көбүнчө программа AVIF'ти жөн гана билбейт. Файлды бөлүшүү же эски программада колдонуу үчүн фотолорду JPG'ге, тунук сүрөттөрдү PNG'ге конвертациялоо эң тез чечим.

Конвертациялагандан кийин түстөр өңү өчкөндөй көрүнөт

HDR же кеңири түс диапазонундагы AVIF 8 биттик sRGB форматына конвертацияланганда кошумча жарыктык жана түс маалыматы батпай, сүрөт күтүлгөндөн күңүртүрөөк көрүнүшү мүмкүн. Бул максаттуу форматтын чеги.

Анимация жоголду

JPG жана PNG анимацияны сактабайт, ошондуктан алардын бирине конвертацияланган анимацияланган AVIF бир гана кадрды сактайт.

AVIF'ти конвертациялоо боюнча кеңештер

• AVIF'ти каалаган жерде ачуу үчүн: AVIF'ти JPG'ге, же тунуктукту сактоо үчүн AVIF'ти PNG'ге конвертациялаңыз. Анимацияланган AVIF файлдарынын биринчи кадры гана колдонулат.
• AVIF түзүү үчүн: биздин JPG'ден AVIF'ке жана PNG'ден AVIF'ке конвертерлерибиз демейки боюнча 60 сапатты колдонот. AVIF'тин сапат шкаласы JPEG'тикиндей мааниге ээ эмес, жана 60 көпчүлүк фотолор үчүн жакшы натыйжа берет. 95 жана андан жогорку сапатта түс толук чечилиште (4:4:4) коддолот; андан төмөн болсо 4:2:0 колдонулат.
• Сабыр кылыңыз: AVIF коддоо браузериңизде WebAssembly менен аткарылат жана башка форматтарга караганда жайыраак; интерфейс жүрүшүн көрсөтүп турат. Файлдарыңыз түзмөгүңүздөн чыкпайт.
• Түс жана метаберилиштер: биздин куралдар түстөрдү sRGB'ге ылайыкташтырат, ошондуктан HDR маалыматы натыйжага өтпөйт. EXIF жана жайгашкан жер маалыматтары да натыйжага жазылбайт.
• Топтоп иштетүү үчүн сүрөт конвертеринде максат катары AVIF'ти тандап, бир нече файлды бир убакта конвертациялаңыз.

Көп берилүүчү суроолор

AVIF менен HEIC бир эле нерсеби?

Жок, бирок алар тууган. Экөө тең HEIF контейнерин колдонот; HEIC сүрөттү HEVC (H.265) менен кысат, ал эми AVIF AV1 колдонот. AV1 роялтисиз кодек, жана бүгүн AVIF бардык ири браузерлерде ачылат, ал эми HEIC негизинен Apple түзмөктөрүнө байланган бойдон калган.

AVIF WebP'тен жакшыбы?

AVIF адатта фотолор үчүн кичирээк файлдарды берет жана HDR'ди колдойт; WebP алда канча тез коддолот жана анын колдоосу эртерээк башталган. Сайтыңызда экөөнү тең <picture> элементи аркылуу сунуштоо ар бир браузерге өзү колдогон эң натыйжалуу форматты алууга мүмкүндүк берет.

AVIF жоготуусуз болушу мүмкүнбү?

Ооба, AV1 жоготуусуз коддоону да колдойт. Бирок жоготуусуз AVIF файлдары адатта чоң, ошондуктан жоготуусуз сактоо керек болсо, PNG же жоготуусуз WebP көп учурда ыңгайлуураак.

AVIF iPhone'до ачылабы?

Учурдагы iOS версияларындагы Safari AVIF'ти көрсөтөт; Can I use боюнча, толук колдоо Safari 16.4 менен келген. Айрым тиркемелердеги колдоо тиркемеден тиркемеге жараша өзгөрөт.

Эмне үчүн AVIF сактоо мынчалык жай?

AV1 эң жакшы кысууну табуу үчүн көптөгөн блок өлчөмдөрүн жана божомолдоо багыттарын сынап көрөт. Ал издөө файлдарды кичирейтет, бирок процессордун убактысын талап кылат. Коддоочунун ылдамдык жөндөөсү тең салмакты жылдырат: тезирээк жөндөөлөр чоңураак файлдарды берет.

Булактар

• AOMedia: AV1 Image File Format (AVIF) specification
• AOMedia: Our story
• Library of Congress: AVIF форматынын сүрөттөмөсү
• 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