Конвертер AVIF в WebP

Загрузить файлы AVIF

Загрузить файлы AVIF

Восстановление выбранных файлов...

WebP, предыдущее поколение современных веб-изображений: меньше JPEG, поддерживает альфу, работает во всех актуальных браузерах. AVIF лучше сжимает, но его все еще принимает не каждая CMS, не каждый генератор изображений CDN и не каждый почтовый шаблон. Если ваш конвейер настроен на WebP, а вам передали файлы AVIF, этот конвертер закрывает разрыв без загрузки файлов куда-либо.

Как AVIF конвертируется в WebP

  1. 1

    Перетащите AVIF-файл или пакет

    Выберите не более 12 файлов: каждый до 50 МБ, 8192 пикселей по стороне или 16 мегапикселей, всего до 100 МБ.

  2. 2

    Выберите качество кодировщика WebP

    Значение по умолчанию равно 85. Любая настройка создает WebP с потерями; высокие значения обычно лучше сохраняют детали и увеличивают файл.

  3. 3

    Кодирование выполняется локально

    Браузер декодирует AV1 и заново кодирует через свою библиотеку WebP (VP8L/VP8).

  4. 4

    Скачайте WebP

    Результат сохраняет альфа-канал и размеры в пикселях. Анимированный AVIF уплощается до кадра, декодированного браузером.

У WebP все еще есть свое место

AVIF новее и лучше сжимает, примерно на 20-30% меньше WebP при сопоставимом качестве, но WebP выигрывает в:

  • Доступности кодировщиков. WebP есть в каждом CDN, каждом инструменте сборки, каждой CMS. Кодирование AVIF тяжелее и все еще медленнее.
  • Совместимости со старым. Если часть аудитории сидит на Safari 15 или старше, WebP уже подходит, а AVIF на грани.
  • Стабильной альфе. Альфа без потерь в WebP работает отлично; обработка альфы в AVIF зависит от кодировщика.

Сравнение форматов

Возможность AVIF (AV1) WebP (VP8/VP8L)
Первый релиз 2019 2010
Среднее уменьшение размера против JPEG -50% -30%
Альфа Да Да
Анимация Да Да
HDR / 10 бит Да Нет
Нагрузка на CPU при декодировании Выше Ниже

Настройки качества, которые действительно важны

  • С потерями 75-85, типично для изображений в блогах и элементов интерфейса.
  • С потерями 90+, когда результат позже снова будет перекодирован.
  • Качество 100 - максимальная настройка уменьшает дополнительные потери, но конвертер все равно создает WebP с потерями, а не попиксельно идентичный файл.

Метаданные

Отрисовка через canvas браузера удаляет метаданные EXIF, XMP и ICC. Инструмент не умеет их сохранять; используйте настольную программу, если нужны профили, геометки или данные камеры.

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

Частично да. Оба формата используют кодеки с потерями; двойное сжатие всегда добавляет артефакты. При качестве WebP 85-90 разница редко видна; ниже 75 можно заметить полошение (бандинг) на небе и плавных градиентах.

Да. Режим WebP с потерями имеет 8-битную альфу, режим без потерь, полноценную 8-битную альфу и обычно очень эффективно сжимает плоские области прозрачности.

Механически похоже. Инструмент использует встроенные кодеки браузера, поэтому ничего не нужно устанавливать. Для пакетной обработки или интеграции в конвейер лучше подойдет утилита командной строки cwebp/avifdec; для разовых конвертаций это быстрее.

Да. Выберите не более 12 файлов AVIF в указанных пределах. Инструмент обработает их по очереди и скачает каждый WebP отдельно; ZIP не создается.

Сопутствующие инструменты

Палитра цветов Material Design

Просмотрите палитру цветов Material Design. Копируйте любой оттенок (от 50 до A700) в форматах HEX, RGB или HSL одним нажатием.

Конструктор тир-листов

Создайте приватный тир-лист из текста и локальных изображений. Настройте уровни, распределите элементы мышью или клавиатурой и экспортируйте в JSON, PNG или SVG.

Изменение размера изображений

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

WebP в JPG

Конвертируйте изображения WebP в JPG/JPEG прямо в браузере. Выберите качество, объедините прозрачность с цветом фона и скачайте без загрузки файлов на сервер.

Генератор надписей граффити

Создавайте надписи в стилях тег, баббл, блок, трафарет, неон и вайлд. Настраивайте цвета и экспортируйте PNG или SVG прямо в браузере.

Генератор спрайт-листов

Объедините несколько изображений в один PNG спрайт-лист на равномерной сетке прямо в браузере. Получите PNG и готовые классы CSS со смещениями background-position.