ИНСТРУМЕНТЫ ДЛЯ ВЕБА

Из исходника — в лёгкую анимацию.

MP4, MOV или PNG → WebP, WebM и AVIF. Обычное видео и анимация с прозрачностью — прямо в браузере.

Файлы остаются у вас
Перетащите исходник сюдаMP4 / MOV · H.264, HEVC, ProRes или последовательность PNG

Предпросмотр

ANIMATED WEBP
Собранная анимация
Фон проверки
Вес
—
Размер
—
Кадров
—
Цикл
—

Параметры экспорта

01 / WEBP

10 недавних экспортов и ваши профили — только в этом браузере. Очистка данных сайта удалит их.

До 6 попыток подобрать сжатие. Размер, частота и длительность сохраняются. Если цель слишком мала, покажем лучший результат.

Размер отображения—

Пропорции исходника сохраняются: введите ширину или высоту, второе посчитается само.

Частота кадров
Частота исходника

У видео подставляется сама.

Обрезка конца

1 — дубль первого кадра у петли с одинаковыми стартом и финалом.

50

Для 2× обычно хватает 40–55: файл показывают вдвое меньше, и артефакты сжатия не видны.

Расширенное сжатие WebP

Особенно полезно для движения на прозрачном фоне. Сравниваем с обычной сборкой и сохраняем меньший файл при тех же размере, частоте и настройках качества. Обычно экономит 5–10%; вместе с режимом «Тщательно» обработка может идти в десятки раз дольше.

«Тщательно» тратит больше времени на поиск компактного результата. Обработка остаётся на устройстве.

Для каждого фрагмента сравниваем обычное сжатие с почти точным и оставляем меньший вариант. Включайте для интерфейсов, плоской графики и спрайтов с мягкой прозрачностью: в наших тестах −6…32% веса при том же или лучшем качестве. На градиентах и фото выигрыша нет, а сборка идёт в 3–8 раз дольше. Доступно в режимах «Сбалансированно» и «Тщательно».

100

Доступно в режимах «Сбалансированно» и «Тщательно». 100 сохраняет альфа-канал без потерь. В наших замерах 80–95 вес почти не снижали, а ниже 75 портились края и свечение. Если прозрачность тяжёлая, попробуйте AVIF.

3

0 — только точные совпадения. Выше — сильнее сжатие, но мелкие движения и изменения цвета могут исчезать.

16

Убирает почти прозрачные пиксели, которые оставляет ключ. Заметно снижает вес; 0 — выключено.

Пауза в начале

Первый кадр показывается дольше в каждом цикле. Пауза не добавляет веса.

Пауза в конце

Последний кадр показывается дольше. Пауза не добавляет веса.

Подготовка исходникаPremiere Pro · After Effects
  1. Обычное видео: MP4 или MOV в H.264 / HEVC. HEVC работает, если его поддерживает браузер и устройство. Звук не переносится; фон исходника сохраняется.
  2. Для прозрачной анимации: MOV в Apple ProRes 4444 / 4444 XQ с альфа-каналом или последовательность PNG.
  3. Или PNG-последовательность: формат PNG, экспорт последовательностью и альфа-канал. Выгрузите в пустую папку и перетащите её сюда целиком.
  4. Поддерживаются постоянная и переменная частота кадров. Поворот обычного видео учитывается автоматически. Все PNG должны быть одного размера, ProRes — с прогрессивной развёрткой. HDR-видео преобразуется средствами браузера; сохранение HDR не предусмотрено.
  5. Для стабильной работы: до 3 600 кадров, исходники до 16 Мп и итоговая анимация до 4 Мп. Целевой вес — ваш ориентир, а не ограничение формата.
  6. ProRes декодируется прямо в браузере, поэтому первая сборка длинного ролика занимает от нескольких секунд до минуты. Дальше настройки качества, очистки и паузы пересчитываются быстро.

Сохранить профиль

Размер, частота, качество и целевой вес — для следующего экспорта.

Существующий профиль с таким названием будет обновлён.

Сохранить профиль картинок

Качество, сжатие, прозрачность, размер и целевой вес — для следующего пакета.

Существующий профиль с таким названием будет обновлён. Профили хранятся на этом устройстве и удалятся при очистке данных сайта.