Конвертер AVIF в WebP
Загрузить файлы AVIF
Восстановление выбранных файлов...
WebP, предыдущее поколение современных веб-изображений: меньше JPEG, поддерживает альфу, работает во всех актуальных браузерах. AVIF лучше сжимает, но его все еще принимает не каждая CMS, не каждый генератор изображений CDN и не каждый почтовый шаблон. Если ваш конвейер настроен на WebP, а вам передали файлы AVIF, этот конвертер закрывает разрыв без загрузки файлов куда-либо.
Как AVIF конвертируется в WebP
-
1
Перетащите AVIF-файл или пакет
Выберите не более 12 файлов: каждый до 50 МБ, 8192 пикселей по стороне или 16 мегапикселей, всего до 100 МБ.
-
2
Выберите качество кодировщика WebP
Значение по умолчанию равно 85. Любая настройка создает WebP с потерями; высокие значения обычно лучше сохраняют детали и увеличивают файл.
-
3
Кодирование выполняется локально
Браузер декодирует AV1 и заново кодирует через свою библиотеку WebP (VP8L/VP8).
-
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.