Що таке AVIF? Сучасний формат зображень на основі AV1

AVIF (AV1 Image File Format) переносить у файли зображень стиснення нерухомих кадрів відеокодека AV1. Він може зберігати фото в менших файлах, ніж JPEG, а в багатьох випадках і WebP, і підтримує прозорість, анімацію, глибину кольору 10 і 12 бітів та HDR. У цій статті пояснюємо, звідки походить AVIF, що всередині файлу, скільки він насправді заощаджує і де створює проблеми.

Хто стоїть за AVIF?

AVIF розробив Alliance for Open Media (AOMedia), галузевий консорціум, заснований 2015 року для створення відкритих медіатехнологій, вільних від роялті. Його першим великим проєктом став відеокодек AV1, який, за словами AOMedia, опублікували 2018 року. Згідно з описом формату від Бібліотеки Конгресу США, версія 1.0.0 специфікації AVIF датована 19 лютого 2019 року, а версія 1.1.0 - 15 квітня 2022 року. Актуальна версія специфікації - 1.2.0 від 16 жовтня 2025 року.

Відсутність роялті - ключова відмінність: MDN також описує AVIF як високопродуктивний формат, вільний від роялті. HEIC, що використовує той самий контейнер HEIF, спирається на кодек 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 для анімованих послідовностей.

Профілі

Специфікація визначає два профілі: Baseline (бренд MA1B), що використовує профіль AV1 Main на рівні 5.1 або нижчому, і Advanced (бренд MA1A), що дозволяє профіль AV1 High для нерухомих зображень. Завдяки цим профілям передбачувано, які файли зможе відкрити декодер.

Прозорість і анімація

Альфа-канал зберігається як окреме допоміжне зображення AV1, пов'язане з основним. Це альфа-зображення має бути монохромним і мати ту саму бітову глибину, що й основне. Анімований AVIF - це по суті відеодоріжка AV1, тому він стискається значно ефективніше, ніж анімований GIF з тим самим вмістом.

Стиснення, глибина кольору та HDR

AVIF використовує інструменти внутрішньокадрового кодування AV1: зображення ділиться на блоки змінного розміру, кожен блок передбачається найкращим із багатьох спрямованих режимів передбачення, а залишкова різниця перетворюється й квантується. Порівняно з фіксованими блоками 8x8 у JPEG, така гнучкість зменшує блоковість, особливо за малих розмірів файлів, і залишає однорідні ділянки чистішими.

За даними MDN, AVIF підтримує глибину кольору 8, 10 і 12 бітів і субдискретизацію кольоровості YUV 4:4:4, 4:2:2 і 4:2:0. Специфікація AVIF зазначає, що формат підтримує зображення з розширеним динамічним діапазоном (HDR) і широкою колірною гамою (WCG), а MDN перелічує передавальні функції PQ і HLG та колірний простір Rec. 2020. З огляду на 8-бітне обмеження JPEG і WebP, AVIF - один із найзріліших варіантів для показу HDR-фото у вебі.

Наскільки менший AVIF?

Автори посібника про AVIF на web.dev (Джай Крішнан, Ван-Те Чанг і Джеремі Вагнер) повідомляють, що у своїй і чужій роботі бачили економію понад 50% порівняно з JPEG, а MDN пише, що зображення AVIF з втратами приблизно на 50% менші за зображення JPEG. Ці цифри залежать від вмісту, налаштувань кодувальника та цільової якості.

Реальні дані вебу малюють обережнішу картину. Згідно з Web Almanac 2024 від HTTP Archive, медіанне зображення AVIF на мобільних пристроях використовує 1,4 біта на піксель, проти 1,3 у WebP і 2,0 у JPEG. У звіті також зазначено, що медіана AVIF зросла приблизно з 1,0 біта на піксель у 2022 році, тобто приблизно на 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> від найефективнішого до найсумісного. Браузер завантажує перше джерело, яке розуміє, а якщо не знає жодного, використовує JPG із тегу <img>:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" 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?

Safari в актуальних версіях iOS показує AVIF; за даними Can I use, повна підтримка з'явилася в Safari 16.4. Підтримка в окремих застосунках різниться від застосунку до застосунку.

Чому збереження AVIF таке повільне?

AV1 перебирає багато розмірів блоків і напрямків передбачення, щоб знайти найкраще стиснення. Цей пошук робить файли меншими, але коштує процесорного часу. Налаштування швидкості кодувальника зміщує баланс: швидші налаштування дають більші файли.

Джерела

• AOMedia: специфікація AV1 Image File Format (AVIF)
• AOMedia: Our story
• Бібліотека Конгресу США: опис формату AVIF
• MDN: посібник із типів і форматів файлів зображень
• web.dev: Using AVIF to compress images on your site
• Can I use: AVIF image format
• W3Techs: статистика використання форматів зображень на вебсайтах
• HTTP Archive Web Almanac 2024: Media