Конвертировать JPG в AVIF
AVIF ужимает фото примерно вдвое по сравнению с JPG при том же визуальном качестве — настоящим кодировщиком AV1, и ничего не сохраняется.
- Не сохраняется
- Без очереди и ожидания
- Без регистрации и водяных знаков
Как это работает
Добавьте файлы JPG
Перетащите на страницу сколько угодно файлов .jpg.
Выберите качество
Ползунок задаёт качество AVIF; у каждого готового файла сразу виден новый размер.
Скачайте
Сохраните файлы по одному или одним ZIP-архивом.
Почему здесь приходится подождать несколько секунд
AVIF — это один кадр видео, сжатого кодеком AV1, а сжатое видео дорого создавать и дёшево воспроизводить. Эта асимметрия целиком объясняет ожидание: кодировщик перебирает огромное множество способов описать вашу картинку, и именно перебор даёт выигрыш в размере. Несколько секунд на большую фотографию — это нормально и вовсе не признак того, что что-то пошло не так. Декодирование, напротив, мгновенное — и это правильный компромисс для картинки, которую кодируют один раз, а смотрят много раз.
Взамен вы получаете файл примерно вдвое меньше JPEG при том же воспринимаемом качестве и лучший результат там, где JPEG слабее всего. Плавные градиенты — небо, студийный фон, тени — выходят без полос, которые в них вносит JPEG, а блоки 8×8, заметные в сильно сжатом JPEG, просто не появляются. Кроме того, AVIF поддерживает прозрачность и расширенный цветовой охват — JPEG не умеет ни того, ни другого.
Начинайте с лучшего оригинала, который у вас есть. При перекодировании JPEG кодировщик AVIF наследует артефакты JPEG и не может отличить их от настоящих деталей, поэтому тратит биты на сохранение чужих дефектов — результат получается и больше, и хуже, чем если закодировать ту же картинку один раз из PNG, экспорта RAW или оригинала с камеры. Если оригинал есть, используйте его; если есть только JPG, держите качество достаточно высоким, чтобы второе поколение сжатия не добавило видимых потерь.
Поддержка сейчас хорошая, но не повсеместная, и от этого зависит, что делать с файлом. Все актуальные браузеры декодируют AVIF, так что для сайта это попросту лучший формат. За пределами браузера картина пёстрая — некоторые программы просмотра, старые телефоны, почтовые клиенты и дизайнерские программы его до сих пор не читают, — поэтому AVIF, отправленный кому-то по почте, — это лотерея, какой JPG никогда не бывает. Данные о камере и местоположении не переносятся.
Если нужно другое
Эталонный кодировщик даёт ту регулировку, которой нет на этой странице. avifenc -s 4 --min 20 --max 30 in.jpg out.avif явно обменивает время кодирования на размер — -s 0 самый медленный и компактный, -s 10 почти мгновенный и заметно крупнее, — а --jobs all задействует все ядра, что очень важно для папки из сотен файлов. Ничто в браузере не может потратить две минуты на одну фотографию, а иногда файл стоит именно двух минут.
Для сайта формат — лишь половина дела. Отдача AVIF с запасным JPEG через элемент picture или выбор формата CDN для каждого посетителя дают выигрыш в размере без риска несовместимости, а sharp или libvips на этапе сборки сгенерируют все варианты автоматически — так это и делается, когда изображений больше горстки.
Частые вопросы
Насколько AVIF на самом деле меньше?
Обычно на 40–60% меньше, чем JPG того же качества. Размер «до» и «после» показан рядом с каждым сконвертированным файлом, так что вы видите собственные цифры, а не рекламные.
Где можно использовать AVIF?
Его показывают все современные браузеры, а PageSpeed прямо поощряет его использование. С приложениями и редакторами всё не так однозначно — сохраняйте оригиналы.
Почему кодирование медленнее, чем в другие форматы?
Кодирование AV1 тяжёлое по своей природе — именно отсюда и берётся сжатие. Большие фото обрабатываются по несколько секунд каждое.
Мои фото где-нибудь сохраняются?
Нет — ничего не сохраняется ни на каком этапе.
Какое качество выбрать?
60–75 — оптимум для фото в интернете: файл намного меньше, а при обычном размере просмотра потерь не видно.
Полезно знать: Кодирование сильно нагружает процессор: на большое фото уйдёт несколько секунд. Метаданные EXIF удаляются.
Разместите этот инструмент на своём сайте
Бесплатно для любого блога, страницы класса или справочной статьи. Вставьте один фрагмент кода — и посетители смогут пользоваться инструментом прямо на вашей странице.