Встроить изображения в Lottie JSON
Добавьте Lottie JSON и необходимые изображения, чтобы встроить изображения выбранной анимации в один файл JSON. Можно также загрузить .lottie и ZIP. Разрешите ссылки, проверьте движение созданной анимации и передайте её как JSON со встроенными изображениями.
Что можно сделать
Поместить изображения в JSON
Замените ссылки на внешние файлы данными изображений и создайте Lottie JSON со встроенными изображениями.
Сопоставить ссылки с изображениями
Проверьте ресурсы, необходимые анимации. Добавьте отсутствующие изображения и выберите нужное, если есть кандидаты с одинаковым именем.
Проверить созданный файл
Проверьте изображения и движение в предпросмотре, который повторно загружает JSON после встраивания, затем сохраните файл.
Как пользоваться
Добавить JSON и нужные изображения
Добавьте Lottie JSON и связанные с ним изображения. Сохраняйте структуру папок при добавлении, чтобы было проще проверить соответствие ссылкам.
Проверить целевой файл и сопоставления изображений
Выберите целевую анимацию и проверьте статус связанных изображений. Устраните отсутствующие ресурсы и выберите среди нескольких кандидатов.
Создать JSON со встроенными изображениями
Когда все ссылки разрешены, выберите «Создать JSON». Эта функция не заменяет изображения другими и не создаёт их автоматически.
Проверить предпросмотр результата и сохранить
Проверьте отображение созданного JSON и скачайте его. Изменение скорости или фона для просмотра не меняет сохраняемый JSON.
Когда это полезно
Передать анимацию с изображениями в одном файле
Включите нужные изображения в JSON, чтобы передать его и снизить риск забыть отправить отдельные файлы изображений.
Объединить ссылки на внешние изображения
Подготовьте файл со встроенными изображениями, чтобы избежать неработающих относительных путей к изображениям в целевой среде.
Встраивание изображений и форматы файлов
От внешних ссылок к data URI
Обычно указываются пути к изображениям или имена файлов. При встраивании JSON содержит строковые данные, представляющие изображения.
Встраивание не уменьшает размер файла
Объём данных Base64 составляет примерно 4/3 от исходного размера. JSON со встроенными изображениями больше исходного JSON, поэтому после сохранения также проверьте размер файла.
Встраивание в JSON и упаковка в .lottie
На этой странице данные изображений помещаются в один JSON-файл. Формат .lottie объединяет JSON и ресурсы в сжатый пакет. Выберите формат, принимаемый целевой средой.
Часто задаваемые вопросы
Встраивание изображений увеличивает размер файла?
Да. Данные изображений добавляются в исходный JSON и представляются в Base64, поэтому файл обычно становится больше. Это не функция сжатия изображений для уменьшения размера файла.
Чем это отличается от упаковки в .lottie?
Результаты различаются. На этой странице создаётся JSON с изображениями, а инструмент «Упаковать Lottie с изображениями» создаёт файл .lottie со встроенными ресурсами. Выберите формат, поддерживаемый вашим приложением или библиотекой.
Что происходит, если связанные изображения отсутствуют?
Добавьте отсутствующие ресурсы. Если есть несколько кандидатов с одинаковым именем, выберите нужный файл. Пока обязательные ссылки не разрешены, создать JSON нельзя.
Изображения автоматически загружаются по URL?
Изображения по внешним URL автоматически не загружаются. Добавьте нужные ресурсы из локальных файлов и проверьте соответствующие ссылки.
Исходный JSON или изображения изменяются?
Исходные файлы не перезаписываются. Сохраняется новый файл JSON. После изменения целевой анимации или сопоставлений ресурсов создайте результат снова.
Можно преобразовать любой Lottie в JSON?
Входные данные должны загружаться как Lottie со всеми необходимыми ресурсами. Эта страница не создаёт результат для входных данных с непереносимыми расширениями, например темами или интерактивными состояниями.
Входные данные и результаты
- Входные данные
- Lottie JSON и нужные локальные изображения. Можно также загрузить .lottie и ZIP. Эта функция не преобразует обычный JSON в видео.
- Результат
- Одна выбранная анимация. JSON со встроенными данными связанных изображений.
- Проверка
- Сохраните результат, когда будет доступен его предпросмотр. Повторите создание после добавления ресурсов или изменения сопоставлений.