Бесплатный способ редактировать и конвертировать Lottie в браузере

Большинство изменений Lottie небольшие. Цвета не фирменные, логотип или снимок экрана устарели, файл слишком тяжелый или ему необходимо изменить GIF для канала, который не может воспроизводить анимацию. Это работы по доставке, а не анимационный дизайн, и они часто приходят без исходного файла проекта.

EasyLottie — это бесплатный набор специализированных браузерных инструментов для этих задач. Основные инструменты работают локально: файл читается и обрабатывается в вашем браузере, и ничего не загружается. Нет требований к учетной записи, водяных знаков и уровня платности.

Для каждой задачи есть свой инструмент. В таблице указано, чем занимается каждый из них и что производит.

Запускайте каждое задание в средстве просмотра. Он воспроизводит файлы JSON, ZIP и .lottie и показывает частоту кадров, продолжительность, размеры, версию и файлы внутри пакета. С нашим фирменным знаком .lottie он нашел анимацию по адресу /brand-badge.json и сообщил 30 fps, 3.00 секунд и 400 на 400 пикселей. Знание этих чисел перед редактированием позволит избежать сюрпризов в дальнейшем, например, если холст окажется намного больше, чем его слот дисплея.

Инструмент смены цвета отображает список каждого сплошного цвета с указанием количества его использования и позволяет менять его во время воспроизведения анимации. В нашем тесте замена двух из шести цветов значка изменила ровно шесть чисел при экспорте и ничего больше. Функция «Замена изображения» перечисляет встроенные растровые изображения по миниатюрам, размерам в пикселях и размерам в байтах, поэтому вы можете точно видеть, что вы заменяете. Подберите исходное соотношение сторон и сохраняйте размер нового изображения близким к исходному размеру в пикселях, чтобы избежать раздувания файла.

Компрессор сначала показывает, куда идут байты: структура анимации, встроенные изображения, шрифты и другие ресурсы. Его безопасный режим удаляет форматирование, удаляет ресурсы изображений, которые не использует ни один слой, и объединяет байтовые идентичные изображения. На нашей раздутой карточке продукта, в которой произошла загрузка с 119,611 на 38,869 байт без изменений.

От Lottie до GIF визуализируется каждый кадр и локально кодируется GIF. Две вещи, которые нужно знать. Во-первых, время GIF хранится в сотых долях секунды, поэтому 30 fps становится 33.3 fps, и цикл становится короче; 25 или 50 fps остаются точными. Во-вторых, GIF большой: наш значок 6.8 KB превратился в 824 KB GIF в пикселях 480. Используйте его для электронной почты, чата и файлов README, а не для веб-страниц, на которых может запускаться проигрыватель.

Многие бесплатные онлайн-инструменты загружают ваш файл на сервер для его обработки. Основные инструменты EasyLottie не ​​выполняют синтаксический анализ, редактирование, сжатие и кодирование GIF на вкладке браузера. Это позволяет сохранить работу клиента и экраны невыпущенных продуктов на вашем устройстве, позволяет избежать очередей на загрузку и означает отсутствие ограничений на размер файла для каждого плана. Функции сервера являются необязательными и помечены как облачная синхронизация, ссылки для обмена и генератор искусственного интеллекта.

Если вам нужно изменить само движение, например изменить время, повторное замедление, добавить анимированные элементы или создать анимацию с нуля, используйте After Effects или другой инструмент разработки. Инструменты браузера предназначены для файлов, движение которых уже правильное. В обычном случае «анимация в порядке, мне просто нужно изменить одну вещь» это быстрее, чем повторное открытие проекта.