Руководство EasyLottie
Можно ли преобразовать MP4 в векторный Lottie?
Четкий ответ на запутанный вопрос: MP4 нельзя автоматически преобразовать в истинный вектор Lottie. Вот почему и реальные варианты, которые действительно существуют.
Короткий и честный ответ
Ни один инструмент не может автоматически превратить произвольный MP4 в истинный вектор Lottie. Vector Lottie хранит формы и ключевые кадры как математические; MP4 хранит пиксели. Преобразование пикселей обратно в чистые, редактируемые векторные формы не является решенной проблемой для обычного видеоматериала, и любой продукт, который обещает это для любого видео, продается слишком дорого.
Это важно, потому что «вектор» — это единственная причина, по которой люди хотят Lottie: крошечные файлы, бесконечное масштабирование, редактируемые цвета. Если вы начинаете с видеопикселей, вы не получаете эти свойства бесплатно — вам придется выбирать между восстановлением векторного изображения вручную или принятием растрового файла.
Истинный вектор Lottie против растрового Lottie
Есть две вещи, которые люди называют «видео на Lottie», и разница во всем. Настоящий вектор Lottie создан на основе фигур. Растровый кадр Lottie — это файл Lottie, «анимация» которого представляет собой последовательность растровых изображений — он воспроизводится во время выполнения Lottie, но внутри него находятся пиксели, а не векторы.
| Недвижимость | Настоящий векторный Lottie | Растровый кадр Lottie (из видео) |
|---|---|---|
| Источник | Автор: AE/Rive/LottieLab | Кадры из MP4/MOV/GIF/изображений |
| Размер файла | Крошечный (КБ) | Больше (кадры суммируются) |
| Масштабирование | Бесконечный, четкий | Смягчается при масштабировании |
| Редактируемые цвета/формы | Да | Нет (это запеченные пиксели) |
| Авто из любого видео? | Нет | Да, это то, что делают конвертеры |
| Сохраняет точный вид отснятого материала | Только если аккуратно перерисовать | Да, пиксель в пиксель |
Что делать вместо этого
Если вам нужна настоящая векторная анимация, выделите бюджет на ее восстановление. Дизайнер анимации может воссоздать движение в After Effects (с Bodymovin), Rive или LottieLab и экспортировать подлинный вектор Lottie. Это единственный путь к небольшому масштабируемому редактируемому файлу.
Если вам просто нужно, чтобы клип воспроизводился в Интернете с прозрачностью, используйте экспорт растровых кадров и перестаньте беспокоиться о слове «вектор». EasyLottie может обернуть ваше видео как прозрачный Lottie ZIP или экспортировать прозрачную последовательность WebM, GIF или PNG — и все это локально. Выбирайте в зависимости от вашего плеера и целевых браузеров.
- Вам нужно бесконечное масштабирование + крошечный размер + возможность редактирования? Восстановить как вектор в AE/Rive/LottieLab.
- Нужны точные кадры с альфой в сети? Экспортируйте растр Lottie ZIP или WebM.
- Не уверены? Начните с конвертера браузера и сравните форматы своего клипа.
Быстрый контрольный список
- Примите тот факт, что произвольный MP4 не может автоматически стать вектором Lottie.
- Выберите вектор (перестроение) или растр (перенос) в зависимости от ваших реальных потребностей.
- Для растровых веб-клипов сравните последовательности Lottie ZIP, WebM, GIF и PNG.
- Делайте клипы короткими, чтобы обеспечить удобство управления растровыми файлами.
Воспроизведите рабочий процесс
Используйте эти локальные образцы файлов, чтобы повторить проверки, описанные в этом руководстве. Просмотрите файл перед использованием его в рабочем проекте.
Измеренный пример: что на самом деле содержит MP4
Загружаемый тестовый ролик представляет собой четырехсекундный видеоролик H.264 MP4 с адресами 480 x 480 и 24 fps. Его формат пикселей — yuv420p, а размер файла — 4,785 байт. Эти измерения описывают декодированные видеокадры, а не векторные пути, слои фигур, редактируемые заливки или ключевые кадры. Обертывание кадров в пакет, совместимый с Lottie, не меняет это базовое представление.
| Недвижимость | Тест MP4 | Что это значит для конверсии |
|---|---|---|
| Продолжительность | 4.00 секунд | Об исходных кадрах 96 на 24 fps |
| Размеры | 480 х 480 | Каждый растровый кадр содержит холст размером 230,400. |
| Кодек | Х.264 | Источник хранит сжатые видеопиксели. |
| Формат пикселей | yuv420p | Цвет выбирается для доставки видео, а не сохраняется в виде редактируемых векторных заливок. |
| Размер исходного файла | 4,785 байт | Размер вывода необходимо измерять отдельно, поскольку декодированные кадры расширяются перед экспортом. |
Растровый Lottie может быть полезен, когда для продукта уже требуется проигрыватель Lottie, но он должен быть честно маркирован. Масштабирование за пределами исходного разрешения смягчает так же, как и любая последовательность растровых изображений.
Истинная векторная реконструкция является авторской задачей. Дизайнер идентифицирует объекты, перерисовывает пути, выбирает, какие свойства анимировать, и перестраивает время. Автоматическая трассировка кадров обычно создает чрезмерные точки, мерцание и большие файлы.
Знайте пределы
- Вывод растровых кадров не обеспечивает бесконечно точного масштабирования, семантических слоев форм или надежной глобальной замены цвета.
- Большая продолжительность, высокая частота кадров и большие размеры увеличивают количество пикселей, которые необходимо сохранить, декодировать и отобразить.
- Удаление зеленого экрана может создать прозрачные кадры, но не может восстановить детали, уже утраченные из-за сжатия, размытия в движении, теней или размытия цвета.
Если ваш результат отличается
- 1.Решите, действительно ли пункту назначения требуется среда выполнения Lottie. Используйте прозрачную последовательность WebM, GIF или PNG, если эти форматы лучше соответствуют среде доставки.
- 2.Обрезайте клип перед преобразованием, затем уменьшайте размеры и частоту кадров, сравнивая качество движения на реальном целевом экране.
- 3.Предварительный просмотр обработанных краев как на светлых, так и на темных поверхностях. Отрегулируйте допуск, мягкость, слив и дроссель только после выявления конкретного дефекта.
- 4.Восстановите движение с помощью фигур, когда четкое масштабирование, небольшой векторный вывод или редактируемые фирменные цвета являются жесткими требованиями.
Часто задаваемые вопросы
Может ли какой-либо инструмент автоматически преобразовать MP4 в векторный Lottie?
Нет. Автоматическая векторизация произвольного видео в чистые редактируемые формы Lottie ненадежна. Инструменты, которые воспроизводят ваше видео «как Lottie», оборачивают растровые кадры, а не создают векторы.
Что такое растровый кадр Lottie?
Файл Lottie, кадры которого представляют собой растровые изображения, упорядоченные по небольшому элементу JSON. Он воспроизводится в среде выполнения Lottie, но внутри состоит из пикселей, поэтому он не масштабируется бесконечно и не остается крошечным, как вектор Lottie.
Как мне получить настоящий вектор Lottie?
Создайте или перестройте анимацию в After Effects (Bodymovin), Rive или LottieLab и экспортируйте вектор Lottie.
Тогда растровый кадр Lottie бесполезен?
Совсем нет. Он отлично подходит для коротких клипов, видео с искусственным интеллектом на зеленом экране и прозрачной веб-микроанимации, где соответствие исходному материалу имеет большее значение, чем размер файла.
Первоисточники
Техническое поведение было проверено на соответствие исходной документации по среде выполнения или формату, приведенной ниже.