Руководство EasyLottie
Как превратить запись экрана (MOV) в Lottie
Используйте короткую запись экрана в рабочем процессе Lottie с последовательностью изображений. Преобразуйте локально, сравните выходной размер и протестируйте воспроизведение, прежде чем добавлять его в свой проект.
Зачем конвертировать запись экрана в Lottie
Короткая запись экрана может соответствовать существующему рабочему процессу Lottie, если она упакована в виде растровых кадров и анимации JSON. Преобразование не гарантирует, что запись будет меньше исходного видео. Сравните экспортированные байты и воспроизведение с оригиналом, прежде чем решить, что встроить в онбординг, демоверсии, журналы изменений или документы.
EasyLottie конвертирует запись локально, не загружая исходный код. Облачная синхронизация, совместное использование и поддержка образцов отправки загружают выбранные файлы только при выборе этих действий.
Пошаговое: MOV / запись экрана на Lottie
Инструмент Video to Lottie принимает MOV наряду с MP4, WebM, GIF и последовательностями изображений. Поддержка кодеков зависит от вашего браузера. Реэкспортировать неподдерживаемый формат MOV/HEVC как H.264 MP4; изменение расширения имени файла не приводит к его преобразованию. Источники MP4/MOV длительностью 30 секунд необходимо сократить перед выбором.
- Откройте инструмент Video to Lottie и вставьте туда свою запись .mov (или .mp4).
- Обрезайте именно тот момент, который хотите показать: из более коротких клипов получаются меньшие и чистые ресурсы.
- Если вы записывали поверх сплошного цвета и хотите прозрачности, выделите его с помощью встроенного хромакейера.
- Выберите выход: Lottie ZIP, прозрачную WebM, оптимизированную последовательность GIF или PNG.
- Экспорт и загрузка — все обрабатывается локально.
Держите его коротким и маленьким
Записи экрана представляют собой пиксельные данные, поэтому результатом является последовательность изображений (растр) Lottie, а не крошечный вектор. Самым большим фактором, влияющим на размер файла, является длина: обрезайте его до тех кадров, которые имеют значение, и снижайте разрешение до того, которое действительно необходимо для встраивания. Сфокусированный трехсекундный клип правильного размера каждый раз превосходит пятнадцатисекундный полноэкранный снимок.
Какой выход выбрать
Выберите Lottie ZIP, если ваш проигрыватель поддерживает ресурсы изображений и сохраните пути при его распаковке. Выбирайте WebM только после проверки альфа-воспроизведения в целевом браузере. GIF поддерживает двоичную прозрачность и ограниченную палитру. Выберите последовательность PNG для кадров с полным альфа-каналом. Сравните фактический размер вывода, а не предполагайте, что один формат меньше.
Быстрый контрольный список
- Закинуть запись .mov/.mp4 в Видео на Lottie - ничего не загружается.
- Обрезайте агрессивно; длина больше всего влияет на размер файла.
- Если вы хотите прозрачности, удалите сплошной фон.
- Уменьшите разрешение до того, что нужно для встраивания.
- Экспортировать последовательность Lottie ZIP / прозрачную WebM / GIF / PNG.
Часто задаваемые вопросы
Могу ли я преобразовать запись экрана .mov в Lottie?
Да, когда браузер может декодировать кодек MOV. Начните с короткого клипа; если декодирование не удалось, повторно экспортируйте источник как H.264 MP4. Выходные данные Lottie содержат кадры растровых изображений, а не редактируемые векторы.
Это будет маленький вектор Lottie?
Нет. Запись экрана представляет собой пиксельные данные, поэтому результатом является последовательность изображений Lottie. Обрежьте и уменьшите масштаб, чтобы он оставался маленьким.
Моя запись загружена?
Преобразование, создание ключей и экспорт выполняются локально без загрузки исходного кода. При дополнительной облачной синхронизации, совместном использовании или отправке образцов поддержки выбранные файлы загружаются только по вашему выбору.
Как сделать фон прозрачным?
Если вы записывали поверх сплошного цвета, удалите его с помощью встроенного кеера, а затем экспортируйте прозрачную последовательность WebM или PNG.