Конвертер AVIF — JPG, PNG, WebP в AVIF

Зачем конвертировать изображения в AVIF?

AVIF — это современный формат изображений на основе видеокодека AV1. При одинаковом визуальном качестве он обычно намного меньше JPG и заметно меньше WebP, а также поддерживает прозрачность, широкий цветовой охват и расширенный динамический диапазон. Меньшие изображения — это более быстрая загрузка страниц, лучшие показатели Core Web Vitals, меньшие расходы на трафик и меньше места для хранения. Этот конвертер AVIF позволяет превратить имеющиеся файлы JPG, PNG и WebP в AVIF, а также вернуть файлы AVIF в PNG, если какая-то программа не может их открыть.

Всё происходит локально. Когда вы впервые конвертируете изображение, страница загружает с этого сайта сборку WebAssembly кодировщика libavif (через проект jsquash). После этого каждое изображение декодируется, сжимается и упаковывается на вашем собственном устройстве — ничего не отправляется, поэтому нет ограничений по размеру, очередей или рисков для конфиденциальности. Можно перетащить много файлов сразу; каждая строка таблицы показывает исходный размер, новый размер и процент экономии.

Качество, скорость и режим без потерь

Ползунок качества задаёт баланс между размером и точностью передачи. Значения около 50–60 — хороший вариант по умолчанию для фотографий: артефакты трудно заметить, а экономия по сравнению с JPG часто составляет 50% и больше. Снимкам экрана, схемам и изображениям с мелким текстом может потребоваться более высокое значение. Скорость кодировщика варьируется от 0 (медленнее всего, самый маленький файл) до 10 (быстрее всего). Значение по умолчанию 6 — разумный компромисс; очень большие фото кодируются быстрее при 8–10. Режим без потерь сохраняет каждый пиксель в точности, что подходит для графики и архивирования, но файлы получаются намного больше, чем AVIF со сжатием с потерями.

Использование AVIF в вебе

Все современные основные браузеры отображают AVIF, но некоторые старые приложения, почтовые клиенты и редакторы — нет. На сайте можно отдавать AVIF с запасным вариантом с помощью элемента <picture>: сначала укажите источник AVIF, а по умолчанию — изображение JPG или WebP. Сохраняйте оригиналы, визуально сравнивайте результат перед заменой файлов и помните, что повторное кодирование уже сильно сжатого JPG не восстановит утраченные детали — начинайте с лучшего исходника, который у вас есть.