PNG в AVIF без потери прозрачности

Отдайте PNG, заберите компактный AVIF, прозрачные участки которого переживают каждый шаг записи.

или перетащите изображение сюда

Об этом инструменте

Сделайте из PNG файл AVIF, вместе со всей прозрачностью. Вы бросаете файл, страница читает ваш PNG и записывает его обратно как AVIF, формат изображения, производный от кодека AV1. Кодировать AVIF тяжело, поэтому ради самого чистого результата Araluma выполняет это на нашем сервере, а если этот маршрут недоступен, задача откатывается к кодировщику, работающему внутри браузера. Кодирование с потерями на качестве 85, около 42,6 дБ PSNR на фотографиях, достаточно близко к оригиналу, чтобы глаз редко улавливал разницу, и обычно на 30 и 50 процентов легче того же снимка, сохранённого как WebP. JPG выбросил бы прозрачность, а AVIF сохраняет полный альфа-канал как есть. Всякий раз, когда файл достигает нашего сервера, он кодируется, а результат очищается примерно за 2 часа. Пара подходит дизайну и фронтенд-разработке, которые гонятся за максимально лёгкими прозрачными ресурсами для современных страниц.

Превращаем PNG в AVIF

Превращаем PNG в AVIF

Перетащите PNG в зону сброса или коснитесь её, чтобы найти файл. Кнопку преобразования искать не надо, работа стартует, как только файл прибывает. Открывающее преобразование сеанса тратит около секунды на загрузку стороны AVIF. Дальше крохотное изображение готово примерно за 40 миллисекунд, фото в 1 мегапиксель около 250, а кадр в 4K за 2,8 секунды. Всё, что за 8 мегапикселей, на трубке может растянуться до 10 или 30 секунд. Когда AVIF появляется, кнопка Скачать пишет его под исходным именем с расширением .avif, а индикатор размера показывает старый и новый бок о бок.

Переживёт ли прозрачность?

Переживёт ли прозрачность?

Переживёт, и эта живучесть и есть весь смысл выбрать здесь AVIF вместо JPG. Альфа-канал родной для AVIF, так что прозрачный пиксель на входе остаётся прозрачным на выходе. Значок, висящий в пустоте, растушёванный вырез продукта, скруглённая иконка, каждый садится в AVIF с нетронутой маской, без белого прямоугольника позади и без ореола по краю. JPG попросту так не умеет, у него нет альфы, и он кладёт сплошной цвет туда, где была прозрачность. WebP альфу держать тоже может, но не дотягивает до AVIF по размеру при том же качестве. Для прозрачной графики, идущей в нынешний браузер, ничто другое не настолько компактно.

Насколько же легче выходит AVIF?

Насколько же легче выходит AVIF?

Удержанный на качестве 85, AVIF склонен весить на 30-50 процентов меньше PNG на фотографиях и на 20-30 процентов меньше WebP того же снимка. Одно замерение при разработке увело кадр в 4K со 116 КБ как JPG вниз до 16 КБ как AVIF. Мелкие изображения масштабируются так же, PNG в 17 КБ сжимается примерно до 6 КБ. Уже придавленные исходники отдают меньше, а графика плоского цвета или логотипы с жёсткими краями могут едва сдвинуться. Естественные фотографии дают самый крупный срез, и именно эти файлы раздувают большинство товарных страниц и блоков-героев, где экономия и важна.

Качество картинки и сколько это тянется

Качество картинки и сколько это тянется

Будучи форматом с потерями, AVIF здесь работает на фиксированном качестве 85. Фотографии на этом уровне сидят около 42,6 дБ PSNR, что читается как идентичное PNG на обычных сценах. Чёткий текст и тонкая штриховая графика исключение и могут подхватить слабые артефакты при любой настройке с потерями, так что им место в PNG. Время идёт за размером изображения и движком. Chrome на десктопе берёт мегапиксель примерно за четверть секунды, а восемь мегапикселей за 2,8 секунды. Firefox тянет около вчетверо дольше, а трубка добавляет ещё в три-пять раз. Первый прогон сеанса тоже несёт короткий прогрев, пока сторона AVIF заводится.

Где обрабатывается ваш файл

Где обрабатывается ваш файл

AVIF требователен в производстве, поэтому ради лучшего качества и скорости Araluma выполняет эту конвертацию на нашем сервере и откатывается к кодировщику в браузере, когда до сервера не достучаться. То есть ваш PNG может отправиться к нам, когда вы конвертируете. Обработка проста. Файл становится AVIF, результат возвращается к вам, и оба очищаются с нашего сервера примерно за 2 часа. Мы не храним копию вашего изображения, не просим аккаунт и не применяем его ни для чего сверх начатой вами конвертации. Если маршрут через сервер недоступен, кодирование идёт в вашем браузере. Любой путь выдаёт вам тот же AVIF, с тем же альфа-каналом и тем же качеством.

Где AVIF работает в 2026 году

Где AVIF работает в 2026 году

Покрытие сидит около 94,3 процента браузеров по всему миру в 2026 году: Chrome начиная с 85, Firefox с 93, Safari с 16.4 (iOS 16 и далее) и Edge с 121. Отстающие это Internet Explorer, Opera Mini и всё, что ещё на iOS 15 или раньше. Если ломтик ваших посетителей живёт там, ведите с AVIF и дайте элементу picture сбрасывать их на WebP автоматически. Для большей части современного трафика этот сброс срабатывает редко, ведь Chrome и Safari несут большинство мобильных визитов, и оба рендерят AVIF нативно с 2022 года.

Как это работает

  1. Добавьте ваш PNG

    Перетащите PNG в зону сброса или коснитесь её, чтобы открыть проводник по файлам и выбрать один с устройства.

  2. Дайте записать

    Открывающее преобразование тратит около секунды на загрузку стороны AVIF. Каждое после него в той же вкладке быстрее.

  3. Сравните размеры

    Когда AVIF готов, индикатор ставит размер PNG рядом с размером нового AVIF, чтобы падение читалось ясно.

  4. Сохраните AVIF

    Нажмите кнопку Скачать, чтобы записать готовый файл на устройство, неся исходное базовое имя со свежим расширением .avif.

Продолжайте конвертировать

Нужен обратный путь ради совместимости или хочется WebP ради более быстрой записи и более широкой поддержки? Оба в одном клике.

Часто задаваемые вопросы

Зачем превращать PNG в AVIF?

Потому что AVIF самый лёгкий формат, который нынешний браузер отрендерит, и при этом он держит прозрачность. Фронтенд-разработчики и дизайнеры тянутся к нему на прозрачных кусках интерфейса, вырезах продуктов и иконках, которым надо оставаться дешёвыми в загрузке. Срез размера конкретен, часто на 30-50 процентов ниже PNG при почти той же визуальной качестве, и альфа-канал едет рядом нетронутым там, где JPG его бы стёр.

Прозрачность сохраняется?

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

Какие браузеры могут показать AVIF?

Любой нынешний движок может. Chrome справляется с версии 85, Firefox с 93, Safari с 16.4 вместе с iOS 16, а Edge с 121. Не могут Internet Explorer, Opera Mini и устройства, оставленные на iOS 15. Чтобы дотянуться до этого хвоста, оберните картинку в HTML-элемент picture, предлагающий AVIF первым и сбрасывающий на WebP или PNG, когда браузер говорит нет.

AVIF с потерями или без?

AVIF поддерживает оба, но вывод здесь с потерями на качестве 85. Фотографии на этом уровне читаются около 42,6 дБ PSNR, чего большинство людей не отличает от источника. Изображения с жёсткими краями, тонкой типографикой или большими плоскими полями цвета могут выдать лёгкие артефакты при любом качестве. Когда каждый пиксель обязан совпадать точно, держите PNG, а не конвертируйте его.

AVIF или WebP, в чём разница?

Если сравнивать снимки сопоставимой чёткости, AVIF держится примерно на пятую-треть легче WebP. Плюс WebP в охвате: он добирается даже до давних версий Safari, а доля AVIF к 2026 году подходит к 94,3 процента. Когда главное беречь канал, а гости уже сидят на свежих браузерах, выбор уходит к AVIF. Когда же важно не потерять ни одного посетителя, разумнее оставить WebP про запас. Типичная связка нынешнего года такая: picture сначала пробует AVIF, а WebP ждёт за ним на случай отказа.

Сколько будет идти преобразование?

Решают размер и движок. Открывающий прогон сеанса тратит около секунды на подготовку стороны AVIF. Уже прогретое, мелкое изображение готово примерно за 40 миллисекунд, мегапиксельное фото около 250, а кадр в 4K около 2,8 секунды в Chrome. За 8 мегапикселей трубка может просидеть 10-30 секунд. Firefox ползёт примерно на четверть темпа Chrome, так что крупные задачи заканчиваются раньше в Chrome.

Подробности

Заметки команды о мастерстве, форматах и небольших решениях, стоящих за хорошей круглой обрезкой.

Что позволяет AVIF давить PNG по размеру
AVIF едет на кодеке AV1, настроенном на то, что глаз принимает, а не на побайтовую точность. PNG опирается на DEFLATE поверх сырых пикселей, без потерь, но слеп к избыточности, которой полно в фотографическом содержимом. AVIF меняет эту избыточность на блочные трюки предсказания из видео-кодирования, роняя детали, которых зрительная система не фиксирует. Отдача крутая. То фото в 116 КБ становится около 16 КБ на качестве 85, а прозрачный PNG обычно падает на 30-50 процентов против сходного WebP. Фото высокого разрешения расширяют разрыв, а простая графика его сужает. Любой сайт, отгружающий прозрачную картинку современной публике, обращает это в более шустрые страницы и более лёгкий счёт за трафик.
Идём по альфа-каналу сквозь запись
PNG и AVIF оба держат прозрачность на отдельной альфа-плоскости рядом с цветом. Пока эта пара читает ваш PNG, чтение растаскивает цветовые пиксели и маску по разные стороны. Сторона AVIF затем кладёт свежую альфа-дорожку, свою собственную, опираясь на внутрикадровое кодирование AV1, чтобы стиснуть цвет и маску поровну на качестве 85. Прозрачность никогда не растворяется в цвете и никогда не получает заливку позади. Падающие тени, растушёванные ободки и полупрозрачные градиенты приходят все верно. Единственная цена в том, что AVIF жмёт альфа-плоскость с потерями тоже, что может оставить слабую бахрому на очень резких краях, когда вы сильно приближаете. На обычных размерах и качестве 85 она остаётся невидимой. Для крошечных пиксельно-точных иконок держитесь PNG.
Реалистичные тайминги на каждом движке
Сторона записи грузится раз за сеанс, примерно 800 миллисекунд на выборку и ещё 300 на раскрутку, так что открывающее преобразование носит около секунды прогрева. Каждый прогретый прогон его пропускает. Chrome на десктопе чистит 0,12 мегапикселя примерно за 40 миллисекунд, мегапиксель около 250, а восемь мегапикселей за 2,8 секунды. Firefox отстаёт, забирая примерно вчетверо больше, что может протолкнуть кадр в 4K за 30 секунд. Safari на WebKit ложится между ними и ближе к Chrome. Телефоны среднего класса идут в три-пять раз медленнее десктопного Chrome по всему фронту. Если крупные файлы это рутина, сеанс десктопного Chrome это самое быстрое кресло в доме.
Случаи, когда PNG должен остаться PNG
Несколько задач всё ещё зовут PNG даже там, где вес важен. Резкий текст в малых размерах, какой бывает на ярлыках, значках или метках масштаба favicon, может собрать артефакты AVIF, что читаются плохо вблизи. Мастер-файлы, которые вы намерены править дальше, тоже принадлежат PNG, ведь каждый заход через формат с потерями копит потерю. Некоторые места отказывают AVIF напрямую, отдельные редакторы документов, старые дизайн-пакеты и ряд почтовых клиентов среди них, и им подавай PNG. Анимация за первым кадром тут тоже отпадает, поскольку пара берёт один кадр. Везде ещё, для прозрачных фото и графики, идущих на современный сайт, PNG в AVIF это верный ход.
Довод о Core Web Vitals в цифрах
За показатель Largest Contentful Paint, который меряет основную загрузку, отвечает вес самой крупной картинки на экране. Стоит увести её со 116 КБ к 16 КБ, как вышло в тесте с фото в 4K, и её время на канале 10 Мбит/с укорачивается с чего-то около 93 миллисекунд до чего-то около 13. Повторите этот срез на витрине товаров, на крутящемся баннере или на экране, забитом прозрачными иконками, и сумма с запасом роняет LCP под планку в 2,5 секунды, которую Google зачитывает как хорошую. AVIF и взлетел оттого, что его пользу можно показать голой цифрой. Раз охват кружит около 94,3 процента, обращаться к запасному варианту приходится так редко, что выигрыш по трафику перевешивает добавочную разметку picture.
Чем это выделяется среди обычных онлайн-конвертеров
Почти каждый онлайн-конвертер AVIF отправляет ваш PNG на удалённое оборудование и затем держит результат по правилам хранения, которых придерживается тот оператор, часто оставленным расплывчатыми. Araluma ясно говорит, как он работает. Поскольку AVIF тяжёл, ради самого чистого результата конвертация идёт на нашем сервере, а кодировщик в браузере включается сам, когда сервер недосягаем. Когда ваш файл доходит до нас, он кодируется и затем очищается примерно за 2 часа, без запроса аккаунта и без применения сверх начатой вами конвертации. Ничего не хранится долго и ничего не передаётся. Тому, кто ведёт клиентскую работу, неопубликованные съёмки продукта или пользовательский контент, честная форма обмена такова: файл может пройти через наш сервер, к нему прикасаются только ради сборки вашего AVIF, и он не задерживается.