Конвертувати PNG у AVIF — онлайн, без завантаження
Перетягніть PNG (або пакет) у PicBrewery й отримайте AVIF прямо в браузері — канал альфи збережено, без завантаження на сервер і водяного знака. Для фотоподібних PNG AVIF зазвичай зменшує файл на 70–90%; для плоскої графіки виграш менший, але все ще відчутний.
Повна картина, де AVIF випереджає PNG, а де ні: таблиця порівняння форматів.
Як конвертувати PNG у AVIF
- Відкрийте PicBrewery у будь-якому сучасному браузері.
- Перетягніть PNG (або кілька) у зону завантаження. Вставка з буфера (Ctrl/Cmd+V) теж працює — зручно для фрагментів зі скріншотерів.
- AVIF рахується після JPEG, PNG і WebP. Розраховуйте на 1–3 с на мегапіксель; PicBrewery кодує в Web Workers, тож інтерфейс лишається відгуковим.
- Клацніть іконку завантаження в клітинці AVIF або Завантажити вибране як ZIP, щоб забрати найменший формат для кожного джерела з пакета.
Навіщо PNG → AVIF?
PNG — чудовий безвтратний контейнер для UI, але по мережі він важкий; якщо в PNG потрапив фотоподібний вміст (скріншоти фото, ілюстрації з градієнтами, кадри з відео), це майже завжди найгірший формат для віддачі. AVIF вирішує обидва випадки: економія 70–90% на фотоподібних PNG при якості 60 і 40–60% на плоскій UI-графіці порівняно з налаштованим PNG.
AVIF також дає те, чого PNG не має: HDR, широкий колір (BT.2020), глибина 10/12 біт і синтез зернистості плівки. Навіть якщо сьогодні це не потрібно, можливість залишиться для HDR-дисплеїв. На відміну від PNG, AVIF зберігає альфу окремою площиною — тож прозорі області стискаються особливо добре, звідси великі виграші на іконках і оверлеях.
Очікувана економія розміру
Орієнтири з реальних бенчмарків: фотоподібні PNG стискаються на 70–90% після перетворення в AVIF q60; плоска UI-графіка — 40–60%; скріншоти з змішаним вмістом (текст + фото) — близько 60–80%. Винятки — піксель-арт і дуже різкий лайн-арт: AV1 іноді дає ледь помітне кільцювання на краях в один піксель, тож для них лишайте PNG (або спробуйте lossless WebP). PicBrewery показує всі формати поруч — оберіть найменший для кожного файлу.
Підтримка AVIF у браузерах
Декодування AVIF є в Chrome 85+ (2020), Firefox 93+ (2021), Edge 121+,
Safari 16+ (2022 — macOS Ventura, iOS 16) і більшості сучасних
Android-браузерів. Для застарілих клієнтів використовуйте елемент
<picture> з AVIF зверху й PNG як запасом — PNG
завантажиться лише там, де немає декоду AVIF, тож сучасні пристрої не
платять за запас. Деталі: розділ AVIF.
Часті запитання
Чи зберігає PNG → AVIF прозорість?
Так. AVIF підтримує повну альфу (той самий канал, що й у PNG), а PicBrewery пропускає прозорі пікселі без змін. Альфа в AVIF на окремій площині від кольору, тож прозорі зони стискаються дуже ефективно — одна з причин великої переваги над PNG на іконках і UI з великими плоскими прозорими областями.
Наскільки AVIF менший за PNG?
Сильно залежить від вмісту. Фотоподібні PNG (скріншоти фото, ілюстрації з градієнтами) зазвичай стискаються на 70–90% у lossy AVIF q60. UI з плоскими кольорами — скромніше, ~40–60%, бо PNG з палітрою та oxipng там уже ефективний. Лайн-арт і піксель-арт іноді більші в AVIF — AV1 не оптимізований під різкі краї в один піксель.
Lossless чи lossy AVIF для PNG?
Для вебу — lossy AVIF q55–65. Lossless AVIF зазвичай порівняний за розміром із lossless WebP, який кодується швидше. Для архіву та піксельної точності — вихідний PNG або lossless WebP; для трафіку — lossy AVIF.
Чи працюватиме AVIF у всіх браузерах?
У сучасних: Chrome 85+, Firefox 93+, Edge 121+, Safari 16+.
Для IE 11 і старого Safari — <picture> з AVIF
і PNG як fallback; запасний PNG отримують лише ті, кому він
потрібен.
Чи варто PNG → AVIF для піксель-арту й різкої лінійної графіки?
Зазвичай ні. AVIF під фото й плавні градієнти; на піксель-арті видно легке кільцювання на краях. Для піксель-арту лишайте PNG (або lossless WebP з виграшем 20–30%). У PicBrewery в одному рядку видно байти PNG, WebP і AVIF — оберіть найменше без здогадок.
Конвертуйте PNG у AVIF зараз
Скиньте PNG у PicBrewery й подивіться, як 70–90% зникає з фотоподібних асетів — із збереженою прозорістю. Усе в браузері, без завантаження на сервер.