Компрессор Lottie JSON

• Разбивка экономии по оптимизациям: наш компрессор Lottie JSON показывает таблицу по каждой оптимизации — удалённые скрытые слои, отброшенные неиспользуемые ресурсы, очищенные пустые свойства и удалённые пробелы — с точной экономией в байтах, чтобы вы знали, откуда именно берётся вес вашего файла Lottie.
• Мгновенное сжатие Lottie JSON: сжимайте JSON-файлы анимации Lottie одним кликом — компрессор Lottie JSON удаляет скрытые слои, неиспользуемые precomp-ресурсы и пустые свойства, сохраняя полную видимую анимацию. Не нужны After Effects и Bodymovin.
• Безопасный онлайн компрессор Lottie JSON: ваши файлы Lottie JSON никогда не покидают устройство. Удаление скрытых слоёв, очистка ресурсов и минификация JSON происходят локально в браузере — без загрузки на сервер и с полной приватностью для проприетарных анимаций.
• Компрессор Lottie JSON без установки: сжимайте файлы Lottie прямо в браузере без загрузки программ, плагинов и аккаунта. Наш бесплатный компрессор Lottie JSON работает в любом современном браузере и любой ОС.

• Сокращение времени загрузки веб-страниц: анимации Lottie на лендингах и маркетинговых сайтах могут весить 500 КБ–2 МБ. Используйте компрессор Lottie JSON, чтобы уменьшить размер файла анимации на 30–60 % — это напрямую улучшает показатели LCP и снижает затраты на трафик на страницах с высоким посещением.
• Оптимизация размера мобильного приложения: приложения на React Native и Flutter, включающие анимации Lottie, заметно увеличивают размер APK/IPA. Используйте компрессор Lottie JSON, чтобы убрать скрытые слои и неиспользуемые ресурсы перед сборкой — это уменьшает объём загрузки для пользователей с ограниченным тарифом.
• Оптимизация компонентов React и Vue: компоненты lottie-react и lottie-vue загружают JSON анимации во время выполнения. Используйте компрессор Lottie JSON для предварительной обработки файлов анимации перед коммитом в репозиторий — это уменьшает JSON, загружаемый при каждом открытии страницы.
• Улучшение Core Web Vitals: большие файлы Lottie задерживают Time to Interactive (TTI) и увеличивают Total Blocking Time (TBT). Используйте компрессор Lottie JSON, чтобы уменьшить размер файлов анимации и улучшить показатели Core Web Vitals — особенно важно для анимаций в первом экране.
• Оптимизация анимаций в электронной коммерции: анимации страниц товаров, спиннеры загрузки и анимации успеха на сайтах магазинов часто экспортируются со скрытыми дизайн-слоями. Используйте компрессор Lottie JSON, чтобы убрать их и снизить вес анимаций для более быстрого оформления заказа.
• Обработка анимаций в CI/CD: добавьте компрессор Lottie JSON шагом сборки в ваш CI/CD-конвейер, чтобы автоматически сжимать все анимации Lottie перед развёртыванием. Храните исходники в полном качестве в репозитории и отдавайте оптимизированные версии в продакшене.

Lottie — это формат анимации, экспортируемый из Adobe After Effects с помощью плагина Bodymovin. Файлы Lottie JSON описывают анимацию как дерево слоёв , фигур , ключевых кадров и ресурсов (изображений и precomp). Аниматоры часто оставляют в экспортированных файлах скрытые слои (использовавшиеся при дизайне, но невидимые при воспроизведении), неиспользуемые precomp-ресурсы и многословные имена свойств. Наш компрессор Lottie JSON разбирает схему Lottie JSON, находит и удаляет эти ненужные элементы и минифицирует результат — уменьшая размер на 20–60 % без каких-либо видимых изменений анимации.

1. 1 Вставьте или загрузите Lottie JSON: введите JSON анимации Lottie напрямую или загрузите файл .json. Компрессор Lottie JSON проверяет структуру файла и выводит метаданные анимации — ваш файл никогда не покидает браузер.
2. 2 Выберите параметры оптимизации: укажите, какие оптимизации применять — удаление скрытых слоёв, очистка неиспользуемых ресурсов, удаление пустых свойств, удаление имён слоёв и минификация JSON. Каждый пункт показывает свою экономию в байтах на панели результатов.
3. 3 Изучите экономию по оптимизациям и скачайте: компрессор Lottie JSON показывает таблицу с экономией по типу оптимизации, общим процентом сокращения и метаданными анимации (частота кадров, длительность, размеры). Скопируйте или скачайте сжатый JSON напрямую.

• Скрытые слои (hd: true): слои со свойством hd, равным true, невидимы при воспроизведении — это дизайн-ориентиры, оставленные аниматорами. Их удаление не даёт визуального эффекта.
• Неиспользуемые ресурсы: файлы Lottie часто содержат precomp- и image-ресурсы, на которые больше не ссылается ни один слой. Компрессор Lottie JSON отслеживает все ссылки refId и удаляет неиспользуемые ресурсы.
• Пустые свойства: значения null, пустые массивы и свойства undefined в схеме Lottie добавляют байты, не участвуя в анимации. Они безопасно удаляются.
• Имена слоёв и ресурсов (опционально): поля nm , mn , cl и ln хранят читаемые имена слоёв и ресурсов — полезные в After Effects, но не нужные плеерам Lottie во время воспроизведения.

Компрессор Lottie JSON выполняет безопасные недеструктивные оптимизации — он удаляет только элементы без визуального влияния на отрисованную анимацию. Он не снижает точность ключевых кадров, не упрощает кривые Безье и не изменяет контуры фигур. Для максимального сжатия сочетайте этот инструмент с GZIP- или Brotli-сжатием на сервере: файл Lottie на 200 КБ, сжатый этим инструментом до 120 КБ, уменьшится по сети до ~30 КБ с GZIP. Всегда проверяйте сжатый результат в целевом плеере Lottie перед публикацией в продакшене.