Конвертировать PNG в AVIF — бесплатно, онлайн, без загрузки на сервер
Перетащите PNG (или пакет) в PicBrewery и получите AVIF-версию, созданную прямо в браузере — с сохранённым альфа-каналом, без загрузки на сервер и без водяного знака. Для PNG с фотографическим содержимым AVIF обычно уменьшает размер на 70–90%; для плоской графики выигрыш меньше, но всё равно ощутимый.
Полную картину того, где AVIF обходит PNG, а где нет, смотрите в сравнительной таблице форматов.
Как конвертировать PNG в AVIF
- Откройте PicBrewery в любом evergreen-браузере.
- Перетащите PNG (или несколько) в область загрузки. Вставка из буфера обмена (Ctrl/Cmd+V) тоже работает — удобно для фрагментов со снимков экрана.
- AVIF запускается после завершения JPEG, PNG и WebP. Ожидайте 1–3 секунды на мегапиксель; PicBrewery кодирует в Web Worker'ах, чтобы UI оставался отзывчивым.
- Нажмите иконку загрузки в ячейке AVIF либо «Скачать всё как ZIP», чтобы забрать самый маленький формат по каждому исходнику из пакета.
Зачем конвертировать PNG в AVIF?
PNG — отличный lossless-контейнер для UI-графики, но на проводе он тяжёлый — а если PNG случайно содержит фотографический контент (скриншоты фотографий, иллюстрации с градиентами, кадры из видео), он почти всегда худший формат для отдачи. AVIF решает оба случая: 70–90% экономии на фотографических PNG при качестве 60 и 40–60% экономии на плоской UI-графике по сравнению с настроенным PNG.
AVIF открывает и возможности, недоступные PNG: HDR, широкий охват (BT.2020), 10/12-битная глубина и синтез плёночного зерна. Даже если вы ими сегодня не пользуетесь, они будут на месте, когда появится high-DPI, HDR-способное устройство. И в отличие от PNG, AVIF хранит альфу на отдельной плоскости — прозрачные области сжимаются особенно хорошо, поэтому иконки и оверлеи дают такой большой выигрыш.
Ожидаемая экономия размера
Эмпирические правила: фотографические PNG уменьшаются на 70–90% при переводе в AVIF с качеством 60; плоская UI-графика — на 40–60%; PNG со скриншотов со смешанным содержимым (текст + фото) — примерно 60–80%. Пиксель-арт и очень резкая штриховая графика — исключения: AV1 иногда вносит лёгкий «ringing» на одно-пиксельных краях, поэтому для таких оставляйте 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, поэтому никто не платит за
фолбэк на современном железе. Полная матрица поддержки —
на /ru/formats/#avif.
Часто задаваемые вопросы
Сохраняется ли прозрачность при конвертации PNG в AVIF?
Да. AVIF поддерживает полную альфу (тот же канал, что использует PNG), а PicBrewery передаёт прозрачные пиксели без изменений. Альфа в AVIF хранится отдельно от цветовой плоскости, поэтому прозрачные области сжимаются очень эффективно — одна из причин, почему AVIF так сильно выигрывает у PNG на иконках и UI-графике с большими прозрачными областями.
Насколько AVIF меньше PNG?
Сильно зависит от контента. Фотографические PNG (скриншоты фотографий, иллюстрации с градиентами) обычно уменьшаются на 70–90% при переводе в lossy-AVIF с качеством 60. UI-графика с плоскими цветами сжимается скромнее — около 40–60%, потому что PNG с палитрой и oxipng на ней и так весьма эффективен. Штриховая графика и пиксель-арт иногда получаются больше в AVIF — AV1 не оптимизирован для острых одно-пиксельных краёв.
Что выбрать для PNG — lossless или lossy AVIF?
Для веба — lossy-AVIF с качеством 55–65. Lossless-AVIF существует, но обычно сопоставим по размеру с lossless-WebP, который кодируется значительно быстрее. Если нужна пиксельная точность (архив, генеративные пайплайны) — оставляйте исходный PNG или используйте lossless-WebP; если важна пропускная способность — побеждает lossy-AVIF.
AVIF будет работать во всех браузерах?
В evergreen-браузерах: Chrome 85+ (2020), Firefox 93+
(2021), Edge 121+, Safari 16+ (2022). Для IE 11 и
старых Safari используйте <picture>
с AVIF сверху и PNG как фолбэк — сломанная картинка
не будет проблемой пользователя, если фолбэк-PNG
запрашивают только те браузеры, которым он нужен.
Стоит ли переводить PNG в AVIF для пиксель-арта и резкой штриховой графики?
Обычно нет. AVIF заточен под фотографии и плавные градиенты; он вносит едва заметный «ringing» на одно-пиксельных краях, что в пиксель-арте бросается в глаза. Для пиксель-арта оставайтесь на PNG (или попробуйте lossless-WebP ради 20–30% экономии). PicBrewery показывает размеры PNG, WebP и AVIF рядом, чтобы выбрать победителя без догадок.
Конвертируйте PNG в AVIF прямо сейчас
Перетащите PNG в PicBrewery и смотрите, как 70–90% размера исчезают с фотографических ассетов — с сохранённой прозрачностью. Всё происходит в вашем браузере; без загрузки на сервер.