Конвертер PNG в AVIF онлайн

PNG → AVIF по шагам

Загрузите PNG с прозрачностью или без, выставьте качество и дождитесь AVIF. На слабом ноутбуке пачка крупных файлов займёт заметное время — смотрите счётчик в кнопке.

Alpha в AVIF

Формат поддерживает прозрачность. Для UI это главный плюс относительно JPEG. Полупрозрачные тени проверяйте визуально: сильное сжатие иногда даёт ступеньки в градиенте alpha.

Тяжёлое кодирование

AV1 дороже WebP. Если нужно быстро облегчить пачку иконок, PNG → WebP обычно отзывчивее. AVIF оправдан, когда вы сознательно строите picture с avif source и готовы ждать encode.

Современный фронтенд

CDN и сборщики всё чаще принимают AVIF. Имеет смысл единый профиль: максимальная ширина под макет, качество около 50–60% для фото-PNG и выше для графики с текстом.

Текст и плоские заливки

Как и другие lossy-кодеки, AVIF может размыть пиксельный шрифт. Для документации со скриншотами сравните результат с lossless WebP. Для фото-баннера с PNG-исходником AVIF обычно силён.

Запасной формат

Держите PNG или WebP рядом, если часть аудитории на старых WebView. Эта страница не заменяет Image Studio: тонкий подбор cq и пресеты — там.

Когда AVIF оправдан для UI, а когда нет

Иконка 32×32 в AVIF редко даёт смысл: накладные расходы контейнера и стоимость encode выше выигрыша. Баннер 1600px с мягкой прозрачностью — другой разговор. Смотрите на площадь кадра, не на моду.

Анимацию эта страница не собирает. Статичный кадр из PNG — да. Если нужен sequence, это другой пайплайн, не Wave 1.

Эксплуатация: кэш, fallback, железо пользователя

Пользователь кодирует у себя в браузере, сервер Dramtezi файлы не видит. Но посетитель вашего сайта потом декодирует AVIF уже у себя. Старые телефоны декодят AV1 тяжелее JPEG. Для аудитории с дешёвыми Android иногда WebP спокойнее.

Держите PNG как мастер графики. AVIF — витрина. Если через месяц поправите букву на логотипе, правьте PNG, не декодированный AVIF.

Быстрее для пачки: PNG → WebP. Совместимость без alpha: PNG → JPG.

Практические прогоны PNG → AVIF

Возьмите три файла: логотип с мягкой тенью, скриншот настроек, фото, случайно сохранённое в PNG. На логотипе смотрите край alpha. На скриншоте — читаемость подписей. На фото — вес относительно WebP с той же стороны кадра. Если AVIF выигрывает только на фото, не тащите в AVIF весь UI-кит.

На слабом ноутбуке сначала уменьшите сторону. Encode 4000px UI-баннера может занять заметно больше, чем тот же кадр в WebP. Прогресс в кнопке — ваш ориентир, что вкладка жива. Не запускайте вторую пачку параллельно в трёх вкладках: браузер и так занят WASM.

После выкладки проверьте Safari и Android WebView. Fallback PNG/WebP должен открываться, если AVIF source не сработал. Имена файлов держите парными: icon.png как мастер, icon.avif как витрина.

Не кодируйте одну и ту же папку трижды «на удачу» с разным quality без записи, какой профиль победил. Заведите короткую таблицу в тикете: файл, сторона, quality, вес, вердикт. Иначе через месяц никто не вспомнит, почему баннер выглядит мыльно.

Иконка 32px и баннер 1600px — разные вселенные

Контейнер AVIF и стоимость encode на мелкой иконке часто не окупаются. Баннер с мягкой прозрачностью — да, если аудитория свежая. Не тащите в AVIF весь UI-кит, потому что «так на hero».

Полутона тени проверяйте сильнее, чем непрозрачное фото

Сильное сжатие иногда даёт ступеньки в градиенте alpha. Смотрите логотип на шахматке и на реальном фоне шапки. Если край сыпется — поднимите quality или уйдите в lossless WebP.

Пачка иконок быстрее в WebP

AV1 на слабом ноутбуке заметно думает. Для 40 файлов UI сначала режьте сторону, кодируйте порциями, смотрите счётчик в кнопке. Параллельные вкладки не ускорят — процессор один.

Пиксельный шрифт и схемы

Документация со скриншотами часто лучше выглядит в lossless WebP, чем в lossy AVIF. Фото-баннер, который случайно лежит PNG, — наоборот, сильная сторона AVIF. Разделяйте профили, не мешайте в одной папке без правила.

Практическое правило

Нужно быстро и широко — PNG → WebP. Нужен picture с avif source на большом кадре — эта страница. Нужен JPEG без alpha — PNG → JPG. Мастер PNG не удаляйте: через месяц править букву будете в нём.

Короткий итог PNG → AVIF

AVIF с прозрачностью имеет смысл на больших кадрах современной витрины. Иконки и письма оставьте PNG или WebP. Мастер не удаляйте. Encode может быть медленным — это свойство AV1, не поломка сервиса. Запишите quality, которым закрыли баннер, чтобы следующий сезон не начинать с нуля.