Osadzaj obrazy w JSON Lottie
Dodaj JSON Lottie i wymagane obrazy, a następnie osadź obrazy wybranej animacji w jednym pliku JSON. Można też wczytać pliki .lottie i ZIP. Rozwiąż odwołania, sprawdź ruch utworzonej animacji i przekaż ją jako JSON zawierający obrazy.
Co możesz zrobić
Umieść obrazy w pliku JSON
Zastąp odwołania do plików zewnętrznych danymi obrazów, aby utworzyć JSON Lottie zawierający obrazy.
Dopasuj odwołania do obrazów
Sprawdź zasoby wymagane przez animację. Dodaj brakujące obrazy i wybierz zasoby do użycia, jeśli kilku kandydatów ma tę samą nazwę.
Sprawdź utworzony plik
Sprawdź obrazy i ruch w podglądzie, który ponownie wczytuje JSON po osadzeniu, a następnie zapisz plik.
Jak używać
Dodaj JSON i wymagane obrazy
Dodaj JSON Lottie i wskazane w nim obrazy. Zachowanie struktury folderów podczas dodawania ułatwia sprawdzanie dopasowania do odwołań.
Sprawdź cel i przypisania obrazów
Wybierz animację docelową i sprawdź stan wskazanych obrazów. Rozwiąż brakujące zasoby i wybierz spośród wielu kandydatów.
Utwórz JSON z osadzonymi obrazami
Po rozwiązaniu wszystkich odwołań wybierz „Utwórz JSON”. Ta funkcja nie zastępuje obrazów innymi ani nie generuje ich automatycznie.
Sprawdź podgląd wyniku i zapisz
Sprawdź wyświetlanie utworzonego pliku JSON i pobierz go. Zmiana szybkości lub tła na potrzeby sprawdzenia nie wpływa na zapisywany plik JSON.
Przydatne, gdy
Przekaż animację i obrazy w jednym pliku
Umieść wymagane obrazy w pliku JSON, aby zmniejszyć ryzyko zapomnienia o przesłaniu osobnych obrazów.
Połącz odwołania do obrazów zewnętrznych
Przygotuj plik z osadzonymi wskazanymi obrazami, aby uniknąć niedziałających względnych ścieżek obrazów w miejscu docelowym.
Osadzanie obrazów i formaty plików
Od odwołań zewnętrznych do data URI
Zwykle używane są ścieżki obrazów lub nazwy plików. Po osadzeniu plik JSON zawiera dane obrazów przedstawione jako ciągi znaków.
Osadzanie nie zmniejsza rozmiaru pliku
Kodowanie Base64 zwiększa dane obrazu do około 4/3 pierwotnego rozmiaru. JSON zawierający obrazy jest większy niż oryginalny plik JSON, dlatego po zapisaniu sprawdź też rozmiar pliku.
Osadzanie w JSON i pakowanie do .lottie
Ten ekran umieszcza dane obrazów w jednym pliku JSON. Format .lottie łączy JSON i zasoby w skompresowany pakiet. Wybierz format obsługiwany w miejscu docelowym.
Często zadawane pytania
Czy osadzenie obrazów zwiększa rozmiar pliku?
Tak. Dane obrazów są dodawane do oryginalnego pliku JSON i zapisywane w formacie Base64, dlatego plik zwykle staje się większy. Nie jest to funkcja kompresji obrazów zmniejszająca rozmiar pliku.
Czym różni się to od pakowania do .lottie?
Wynik jest inny. Ten ekran tworzy plik JSON zawierający obrazy, a opcja Pakuj Lottie z obrazami tworzy plik .lottie z połączonymi zasobami. Wybierz format obsługiwany przez aplikację lub bibliotekę.
Co się stanie, jeśli brakuje wskazanych obrazów?
Musisz dodać brakujące zasoby. Jeśli kilku kandydatów ma tę samą nazwę, wybierz plik do użycia. Nie można utworzyć pliku JSON, dopóki wymagane odwołania nie zostaną rozwiązane.
Czy obrazy są automatycznie pobierane z adresów URL?
Obrazy nie są automatycznie pobierane z zewnętrznych adresów URL. Dodaj wymagane zasoby z plików lokalnych i sprawdź odpowiednie odwołania.
Czy oryginalne pliki JSON lub obrazy zostaną zmienione?
Oryginalne pliki nie są nadpisywane. Zapisywany jest nowy plik JSON. Po zmianie celu lub przypisań zasobów utwórz plik ponownie.
Czy można przekonwertować każde Lottie do JSON?
Dane wejściowe muszą dać się wczytać jako Lottie i mieć rozwiązane wszystkie wymagane odwołania do zasobów. Ten ekran nie utworzy wyniku z danych zawierających rozszerzenia, których nie można przenieść, takich jak motywy lub stany interaktywne.
Dane wejściowe i wyniki
- Dane wejściowe
- JSON Lottie i wymagane lokalne obrazy. Można też wczytać pliki .lottie i ZIP. Ta funkcja nie zamienia zwykłego JSON w wideo.
- Wynik
- Jedna wybrana animacja. JSON z osadzonymi wskazanymi obrazami.
- Sprawdzenie
- Zapisz, gdy dostępny jest podgląd wygenerowanego wyniku. Utwórz go ponownie po dodaniu zasobów lub zmianie przypisań.