Просмотр и оптимизация Lottie

Просмотр, копирование/скачивание SVG, оптимизация JSON и редактирование Lottie-анимаций локально.

Перетащите файл Lottie JSON сюда или нажмите для загрузки

*.json (Lottie format)

Как просматривать и оптимизировать Lottie-анимацию

1

Загрузите или перетащите файл Lottie JSON, чтобы загрузить предварительный просмотр анимации в интерактивный плеер.

2

Используйте вкладку «Слои и ресурсы» для изменения текстовых элементов или замены слоев изображений непосредственно в анимации.

3

Перейдите на вкладку «Диагностика и сжатие», настройте точность десятичных знаков координат и включите параметры очистки метаданных для сжатия файла.

4

Нажмите «Экспорт JSON», чтобы сохранить оптимизированный файл Lottie, или скопируйте векторный код SVG текущего кадра для использования в Figma.

Часто задаваемые вопросы по инструменту Lottie

Как оптимизация Lottie уменьшает размер файла?
Файлы Lottie JSON часто содержат избыточную точность десятичных знаков для координат и кривых ключевых кадров. Усечение чисел с плавающей запятой до 1 или 2 десятичных знаков и удаление ненужных авторских метаданных может уменьшить размер файла на 30–70% без видимого ущерба для качества.
Могу ли я редактировать текстовые слои Lottie без After Effects?
Да. Редактор анализирует доступные для редактирования текстовые слои. Вы можете изменять тексты, переводить строки или заменять встроенные изображения прямо в браузере и мгновенно просматривать изменения.
Как использовать скопированный код SVG в Figma?
При нажатии кнопки «Копировать код SVG» захватывается текущий кадр. Вы можете вставить его прямо в Figma (Cmd+V / Ctrl+V), и она автоматически сгенерирует соответствующие векторные слои и группы.

🔗 Похожие инструменты