Просмотр Lottie

Смотрите анимации Lottie JSON и .lottie прямо в браузере. Проверьте скорость, повтор, кадры и размер, смените фон и сохраните кадр в PNG. Без загрузки на сервер.

Обрабатывается локально в браузере
Бесплатно, без регистрации

Загрузка инструмента…

Об инструменте Просмотр Lottie

Просмотр Lottie воспроизводит анимацию прямо на этой странице, без After Effects и настройки проекта. Перетащите файл JSON или .lottie, и она сразу запустится.

Проверьте анимацию перед публикацией: пройдите по кадрам, попробуйте разные скорости и фоны, посмотрите размер, частоту кадров, длительность и число слоёв. Файл остаётся в браузере и никуда не загружается.

Как пользоваться: Просмотр Lottie

Перетащите файл .json или .lottie на страницу либо нажмите «Выбрать файл Lottie».
Воспроизводите, ставьте на паузу, включайте повтор, меняйте скорость или перетаскивайте ползунок кадров.
Выберите настройку «Фон» и при необходимости нажмите «Скачать кадр в PNG».

Возможности

Воспроизводит файлы Lottie JSON и .lottie до 50 МБ.
Покадровая шкала времени, повтор и скорость от 0,25× до 2×.
Прозрачный, белый, чёрный или свой фон.
Показывает размер, длительность, частоту кадров, число кадров, слои, изображения и версию Lottie.
Сохраняет текущий кадр в PNG с прозрачностью.

Типичные задачи

Проверить анимацию от дизайнера перед добавлением в приложение или на сайт.
Посмотреть, как анимация выглядит на светлом и тёмном фоне.
Узнать размер и длину присланного файла.

Частые вопросы

Что такое файл Lottie?

Файл Lottie описывает векторную анимацию в виде данных и обычно экспортируется из After Effects плагином Bodymovin. Это файл JSON или сжатый файл .lottie, в котором также могут быть изображения и несколько анимаций.

Мои анимации загружаются на сервер?

Нет. Файл читается и воспроизводится в браузере на вашем устройстве. На сервер ничего не отправляется, аккаунт не нужен.

Почему анимация выглядит здесь иначе?

Не все плееры поддерживают одни и те же функции. Некоторые выражения и эффекты After Effects могут работать иначе, поэтому важные анимации проверяйте и в целевом приложении.

Можно ли конвертировать Lottie в GIF или MP4?

Пока нет. Этот инструмент воспроизводит и изучает анимации и сохраняет отдельные кадры в PNG. Если в файле .lottie несколько анимаций, он воспроизводит первую и показывает их количество.

Мои данные загружаются на сервер?

Инструменты работают в вашем браузере. Файлы, текст и результаты не загружаются на наши серверы и удаляются, когда вы покидаете инструмент.