AVIF, HEIC і WebP: чим відрізняються сучасні формати

WebP — найстаріший із трьох. Google представила його у вересні 2010 року, за кілька місяців після придбання On2 Technologies, чий відеокодек VP8 став основою нового формату. Ідея проста: статичний WebP — це по суті один ключовий кадр VP8 у невеликій обгортці RIFF. Перша версія працювала лише зі стисненням із втратами. Протягом наступних трьох років з’явилися режим без втрат, альфа-канал для прозорості й анімація, тож WebP може замінити JPG, PNG і GIF одним типом файлу. Google досі веде документацію формату та бібліотеки libwebp на сайті WebP для розробників.

HEIC має іншу історію. HEIF (High Efficiency Image File Format) — стандарт контейнера, який Moving Picture Experts Group опублікувала 2015 року як ISO/IEC 23008-12. Файл HEIF може містити зображення, стиснені різними кодеками; якщо кодек — HEVC, відомий також як H.265, файл називають HEIC. Apple зробила його типовим форматом камери в iOS 11 і macOS High Sierra 2017 року, починаючи з iPhone 7, і це єдине рішення майже миттєво випустило в обіг мільярди HEIC-фото. Саме через це більшість людей взагалі стикається з цим форматом.

AVIF — наймолодший. Alliance for Open Media, заснований 2015 року Google, Mozilla, Microsoft, Amazon, Netflix, Cisco та Intel, випустив безкоштовний відеокодек AV1 у 2018 році, а специфікацію зображень AVIF 1.0 — у лютому 2019. Технічно AVIF бере контейнер HEIF і замінює HEVC на AV1, тож AVIF і HEIC — родичі з різними двигунами. Компанії-учасники хотіли сучасний кодек без патентних відрахувань, і Alliance for Open Media досі публікує специфікації AV1 та AVIF.

Усі три формати походять від відеокодеків, і це видно з їхнього стиснення. Замість фіксованих блоків JPG 8 × 8 пікселів вони передбачають кожну ділянку за сусідніми пікселями, використовують блоки різного розміру й фільтрують краї після декодування. У результаті за низької якості менше блокових артефактів. AVIF іде найдалі: за тієї самої візуальної якості він зазвичай дає найменший файл, особливо на гладкому небі, шкірі та градієнтах, де JPG починає давати смуги. Ціна — час кодування. AVIF може створюватися в рази довше, ніж WebP із того самого фото, що важливо для телефона чи завантаженого сервера.

Підтримка можливостей ближча, ніж зазвичай думають. Усі три формати можуть зберігати прозорість, і в усіх є режим анімації, хоча анімований HEIC трапляється рідко. Стиснення без втрат — сильна сторона WebP: його режим без втрат розроблено окремо від режиму з втратами, і на скриншотах та графіці він зазвичай випереджає PNG. AVIF і HEIC теоретично можуть бути без втрат, але файли виходять великими, а інструменти рідко пропонують цей режим. Глибина кольору — ще одна велика відмінність. WebP обмежений 8 бітами на канал, тоді як HEIC і AVIF зберігають 10-бітний колір, а AVIF може нести також 12-бітні та HDR-зображення.

Ліцензування значною мірою пояснює ситуацію з підтримкою. WebP і AV1 випущено без роялті, тож розробники браузерів могли додавати їх, нікому не платячи. HEVC захищений патентами, якими керує кілька ліцензійних пулів, тому Chrome, Firefox і Edge декодують зображення HEVC лише там, де операційна система вже має ліцензований декодер. Для власника сайту ця різниця вирішальна: формат, який бачить кожен відвідувач, кращий за той, що заощаджує ще кілька кілобайтів, але для половини людей не відкривається.

Різниця в розмірі залежить від фото, кодера та налаштування якості, тож сприймайте будь-які цифри як типові, а не точні. Для фото 1200 × 800 px за налаштувань, що однаково виглядають на екрані ноутбука, JPG зазвичай займає близько 150–200 KB, WebP — 100–140 KB, AVIF — 60–100 KB. Власні порівняння Google показують, що WebP із втратами на 25–34% менший за JPG, а Apple описує HEIC як приблизно вдвічі меншим за JPG для знімків камери. Знімок iPhone на 12 Мп, який у JPG важив би 3–4 MB, у HEIC зазвичай займає 1,5–2,5 MB.

Графіка поводиться інакше. Скриншот із плоскими кольорами й текстом часто найменший у WebP без втрат, далі йде PNG, а AVIF там майже нічого не виграє. Маленькі мініатюри теж скорочують різницю, бо кожен формат несе кілька сотень байтів заголовків. Поширені міфи нижче виникають через читання результатів тестів без цього контексту.

У вебі питання WebP і AVIF вирішене. Chrome, Edge, Firefox і Safari відображають WebP; Safari приєднався останнім — з версією 14 у 2020 році на macOS Big Sur та iOS 14. AVIF з’явився в Chrome 85 у 2020 році, Firefox 93 у 2021, Safari 16 у 2022, а Edge додав його на початку 2024. Відвідувач з актуальним браузером бачить обидва формати. AVIF не побачать лише ті, хто застряг на старих версіях Safari, наприклад на iPhone, які не оновлюються вище iOS 15, і елемент <picture> дає змогу сайту надіслати їм запасний JPG.

З HEIC усе навпаки. Пристрої Apple відкривають його скрізь, а Safari 17 навіть може показати його на вебсторінці, але Chrome, Firefox і Edge не відображають зображення HEIC у відкритому вебі. Windows 10 і 11 можуть відкрити HEIC у застосунку «Фотографії» після додавання HEIF Image Extensions з Microsoft Store, а на багатьох ПК ще й HEVC Video Extensions, яке є платним. Останні версії Android можуть декодувати HEIF, але сторонні застосунки та сайти дуже відрізняються.

Настільне програмне забезпечення посідає проміжне місце. Adobe Photoshop відкриває WebP нативно з версії 23.2 у 2022 році, і більшість сучасних переглядачів зображень працює з WebP. Підтримка AVIF і HEIC у редакторах, офісних пакетах і старих програмах нерівна, а багато форм завантаження досі перевіряють .jpg, .jpeg або .png і відхиляють усе інше. Панелі нижче підсумовують кожну платформу.

Для вебу WebP — типова відповідь, а AVIF — оптимізація поверх нього. Якщо ви керуєте сайтом, віддавайте AVIF браузерам, які його приймають, а WebP або JPG — решті; більшість CDN для зображень і фреймворків узгоджують це автоматично. Якщо файл лише один, безпечніший вибір — WebP, бо його показує кожен сучасний браузер і він швидко кодується. Для пам’яті телефона HEIC на iPhone важко перевершити: камера записує його нативно, «Фото» його читає, а в тому самому просторі вміщається приблизно вдвічі більше знімків.

Архіви, друк і папери тягнуть в інший бік. Фотоархів має відкриватися через двадцять років без спеціальних кодеків, тому краще зберігати оригінали такими, як їх видала камера, і додавати копії JPG за потреби. Фотолабораторії зазвичай просять JPG або TIFF, а державні, екзаменаційні та кадрові портали найчастіше приймають лише JPG або PNG, іноді з обмеженням розміру в кілобайтах. У всіх цих випадках практичне рішення — конвертована копія, тоді як оригінал лишається у вашій бібліотеці.

Чотири типові завдання нижче підсумовують вибір. Обирайте залежно від того, куди піде файл, а не від того, який формат має найкращі результати тестів.

Більшість конвертацій йдуть в одному напрямку: з нового формату в JPG або PNG для сумісності. Обирайте JPG для фото, а PNG — коли на зображенні є прозорість або чіткий текст, який потрібно зберегти різким. Щоб конвертувати AVIF у JPG, конвертер починає з Якість 90, бо веб-файли AVIF і так сильно стиснуті, а параметр Прозорі ділянки в розділі Додаткові налаштування визначає, чим заповнюються прозорі пікселі. Конвертер HEIC у JPG також починає з 90 і видаляє дані про місцезнаходження, якщо ви не зніміть позначку Видалити метадані.

Для WebP сторінка WebP у JPG починає з якості 85, яка за звичайного розміру виглядає так само, як оригінал. Кожен конвертер приймає до 20 файлів за раз і до 95 MB на файл, не потребує облікового запису та видаляє завантажені файли й результати через 30 хвилин після обробки. Докладніші інструкції в статтях як конвертувати HEIC у JPG і WebP у JPG: коли і навіщо охоплюють налаштування телефона та нетипові випадки.

Зворотний напрямок так само корисний. Якщо у вас є сайт, перетворення фото JPG на AVIF зазвичай зменшує їхню вагу приблизно вдвічі ще до завантаження. Матриця показує, для яких конвертацій між цими форматами в UltKit є окрема сторінка конвертера.

Кожна конвертація зі втратами відкидає ще трохи деталей, тож конвертуйте копії, а не оригінали. Зберігайте файли HEIC у бібліотеці iPhone, а JPG експортуйте лише для людей або програм, яким вони потрібні. Це стосується й HDR-фото: AVIF і HEIC можуть зберігати 10-бітний колір, а під час конвертації у 8-бітний JPG яскраві світлі ділянки переносяться в стандартний діапазон. Для публікації це нормально, але не для подальшого редагування. Якщо ви можете знову редагувати зображення, збережіть оригінал або копію PNG без втрат і виконуйте всі правки з неї.

Також зберігайте оригінал, коли новіший формат уже підтримується. Якщо конструктор сайтів, застосунок для чатів або хмарний диск приймає WebP чи HEIC напряму, конвертація лише додає крок і збільшує файл. Конвертуйте на межі — у момент завантаження, надсилання чи друку: так ви отримаєте сумісність без поступового погіршення бібліотеки.