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