Как собрать AVIF из JPG
Загрузите JPEG, выставьте качество (по умолчанию ниже, чем у WebP: кодировщик AVIF чувствителен к шкале) и дождитесь .avif. На слабых устройствах encode заметно дольше, чем JPG → WebP — это нормально для AV1.
Пакетный ZIP доступен так же, как на других страницах. Файлы считаются в Worker, без отправки байтов на хостинг Dramtezi.
Чем AVIF интересен после JPEG
AV1 Image File Format часто даёт меньший вес при сопоставимом восприятии на фото с гладкими градиентами и умеренным шумом. Для hero и каталогов это способ снизить трафик, если аудитория уже на современных браузерах.
JPEG остаётся мастер-обменом. AVIF — delivery. Не удаляйте исходный JPG, пока не проверите кадр на целевых экранах.
Цена кодирования
Кодек тяжелее mozjpeg и libwebp. Большие 6000px кадры могут кодироваться секунды. Если страница «зависла» — подождите прогресс в кнопке: «Конвертация 2 / 5». Уменьшение стороны ускоряет encode сильнее, чем сдвиг качества на 5 пунктов.
Как читать ползунок качества
Шкала 1–100 в интерфейсе мапится на внутренний cqLevel AV1 (меньше cq — лучше картинка). Стартовая точка около 55% разумна для веба. Для баннера сравните 45% и 65% на градиенте неба и на мелком тексте внутри фото.
Слишком высокое значение съедает выигрыш относительно исходного JPEG. Слишком низкое даёт «пластилин» на коже.
Совместимость и элемент picture
Отдавайте AVIF современным клиентам и держите JPEG/WebP запасным source. Почтовые клиенты, часть конструкторов и старые просмотрщики AVIF не откроют.
<source type="image/avif" srcset="hero.avif" />
<source type="image/webp" srcset="hero.webp" />
<img src="hero.jpg" alt="" />
</picture>
Почему не всегда сразу WebP
WebP кодируется быстрее и принимается шире. AVIF имеет смысл, когда вы уже закрыли fallback и гонитесь за трафиком. Для первого шага модернизации часто достаточно JPG → WebP.
Ограничения сценария
Прозрачность из JPEG не появится. EXIF/GPS не переносятся. Повторный цикл AVIF → JPEG → AVIF накапливает generation loss. Мастер держите отдельно.
Как внедрять AVIF, не ломая аудиторию
Не заменяйте все JPEG в медиабиблиотеке одним махом. Начните с hero и каталога, где вес бьёт по LCP. Оставьте JPEG рядом: picture или CDN negotiation. Почтовые рассылки и PDF-вложения лучше не переводить в AVIF.
На мобильном 4G выигрыш заметнее, чем на офисном гигабите. Проверяйте не только desktop Chrome, но и Safari и встроенный WebView приложения, если оно открывает ваш сайт.
Если encode на слабом ноутбуке невыносим, уменьшите длинную сторону до 1600–2000px до конвертации. Для карточки товара 400px на экране 4000px-AVIF — лишняя работа процессора и лишние байты.
Чеклист после encode
- Градиент неба без «масляных» пятен.
- Лица без пластилина при 100% зуме важных зон.
- Текст, наложенный на фото, читается.
- Вес адекватен квоте страницы; нет случайных 4 MB hero.
- Есть запасной JPEG или WebP.
- Исходный JPG-мастер лежит вне delivery-папки.
Сравнить с более быстрым путём: JPG → WebP. Разобрать обратно для совместимости: AVIF → JPG.
Ещё раз коротко: AVIF из JPEG — delivery-формат для свежих браузеров, а не замена фотоархиву.
Имеет смысл там, где вес бьёт по LCP
Hero и каталог на мобильном 4G — место AVIF. Декоративная иконка 32px — нет: encode дорогой, выигрыш крошечный. Не переводите медиатеку целиком в первый день.
Шкала 1–100 здесь не «как у JPEG»
Интерфейс мапит качество на cqLevel AV1. Старт около 55% для веба. Сравните 45% и 65% на небе и на коже. Слишком высокое значение съедает выигрыш относительно исходного JPEG. Слишком низкое даёт пластилин.
Пилот из десяти кадров важнее лендинга конкурента
Возьмите шумное фото, гладкое небо, карточку с текстом на кадре. Запишите вес и вердикт. Если медиана не в пользу AVIF — не внедряйте формат ради отчёта. Encode на слабом ноутбуке ускоряется ресайзом до 1600–2000px сильнее, чем сдвигом quality на 5 пунктов.
Почта и PDF — не AVIF
Оставьте JPEG рядом через picture или CDN negotiation. Письма, вложения, старые просмотрщики — отдельный канал. Safari и Android WebView проверьте до выкладки всей витрины.
Перед продом
- Градиент без масляных пятен, лица без пластилина, текст на фото читается.
- Есть JPEG или WebP запас.
- Мастер-JPG вне delivery.
Быстрее и шире по поддержке: JPG → WebP.
Частые вопросы
Почему AVIF кодируется дольше WebP?
AV1 тяжелее. На больших кадрах это секунды, не ошибка вкладки. Уменьшение стороны ускоряет encode.
Какое качество ставить для сайта?
Ориентир около 50–60% в нашей шкале. Сравните баннер на градиенте и на мелком тексте в кадре.
Все ли браузеры откроют AVIF?
Современные — да. Для писем и старых CMS держите JPEG/WebP fallback через picture.
Появится ли прозрачность?
Из JPG — нет. Alpha нужно брать из PNG/WebP/AVIF с прозрачностью.
Гарантирован ли выигрыш по весу?
Нет. Смотрите факт «было → стало» после вашего файла.
Обработка локальная?
Да. Байты JPEG не отправляются на сервер Dramtezi Convert.
Можно ли несколько фото сразу?
Да, с прогрессом в кнопке и общим ZIP.
Стоит ли сразу AVIF вместо WebP?
Если аудитория свежая и вы готовы ждать encode — да. Иначе начните с JPG → WebP.