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 сәуірмен белгіленген. Спецификацияның қазіргі нұсқасы 1.2.0, 2025 жылғы 16 қазанмен белгіленген.

Лицензиялық төлемсіз болуы маңызды айырмашылық: MDN де AVIF-ті жоғары өнімді, лицензиялық төлемсіз формат деп сипаттайды. Сол HEIF контейнерін қолданатын HEIC HEVC кодегіне сүйенеді және браузерлерде мұндай қолдауға ие емес.

AVIF файлының ішінде

HEIF контейнері

AVIF AV1 арқылы қысылған суреттерді HEIF контейнерінде (High Efficiency Image File Format, ISO/IEC 23008-12) сақтайды. HEIF-тің өзі ISO негізгі медиа файл форматына (ISOBMFF), MP4 файлдарымен бірдей негізге құрылған. Спецификация бойынша 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="Descriptive alt text" 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