Bädda in bilder i Lottie-JSON
Lägg till Lottie-JSON och de bilder som krävs, och bädda in den valda animationens bilder i en enda JSON-fil. .lottie- och ZIP-filer kan också laddas. Lös upp referenserna, kontrollera den skapade animationens rörelse och leverera den som en JSON med bilder i.
Vad du kan göra
Lägg bilder in i JSON
Ersätt referenser till externa filer med bilddata för att skapa Lottie JSON som innehåller bilder.
Knyt referenser till bilder
Kontrollera de tillgångar som animationen kräver. Lägg till saknade bilder och välj vilka tillgångar som ska användas om det finns kandidater med samma namn.
Kontrollera den skapade filen
Kontrollera bilder och rörelser i en förhandsvisning som läser om JSON-filen efter inbäddningen och spara den sedan.
Så använder du
Lägg till JSON och de obligatoriska bilderna
Lägg till Lottie JSON och bilderna det refererar till. Om du bevarar mappstrukturen när du lägger till dem blir det lättare att kontrollera hur de matchar referenserna.
Kontrollera målet och bildmappningarna
Välj målanimationen och kontrollera statusen för de refererade bilderna. Lös saknade tillgångar och flera kandidater.
Skapa JSON med inbäddade bilder
När alla referenser är lösta väljer du ”Skapa JSON”. Den här funktionen ersätter inte bilder med andra och genererar inte bilder automatiskt.
Kontrollera förhandsvisningen av resultatet och spara
Kontrollera hur den skapade JSON-filen visas och ladda ned den. Om du ändrar hastighet eller bakgrund för granskningen påverkas inte den JSON du sparar.
Användbart för
Leverera en animation med bilder i en enda fil
Lägg in de obligatoriska bilderna i JSON så att du kan dela filen utan risk att glömma att skicka separata bilder.
Bunta externa bildreferenser
Förbered en fil med de refererade bilderna inbäddade så att inga relativa bildsökvägar går sönder hos mottagaren.
Inbäddning av bilder och filformat
Från externa referenser till data-URI:er
Normalt refereras bildsökvägar eller filnamn. Vid inbäddning innehåller JSON data som representerar bilderna som strängar.
Inbäddning minskar inte filstorleken
Base64 gör bilddatan ungefär 4/3 av sin ursprungliga storlek. JSON som innehåller bilder är större än den ursprungliga JSON-filen, så kontrollera även filstorleken efter att du sparat.
Inbäddning i JSON och buntning i .lottie
Den här sidan inbäddar bilddata i en JSON-fil. .lottie buntar JSON och tillgångar i ett komprimerat paket. Välj utifrån vilka format mottagaren accepterar.
Vanliga frågor
Ökar filstorleken när bilder bäddas in?
Ja. Bilddata läggs till i den ursprungliga JSON-filen och representeras i Base64, så filen blir vanligen större. Det här är inte en bildkomprimeringsfunktion för att minska filstorleken.
Hur skiljer det här sig från att paketera som .lottie?
Resultatet skiljer sig åt. Den här sidan skapar JSON som innehåller bilder, medan Paketera Lottie med bilder skapar en .lottie-fil med inbäddade tillgångar. Välj utifrån vilka format din app eller ditt bibliotek stöder.
Vad händer om refererade bilder saknas?
Du behöver lägga till de saknade tillgångarna. Om det finns flera kandidater med samma namn väljer du vilken fil som ska användas. JSON kan inte skapas tills de obligatoriska referenserna är lösta.
Hämtas bilder automatiskt från bild-URL:er?
Bilder hämtas inte automatiskt från externa bild-URL:er. Lägg till de obligatoriska tillgångarna från dina lokala filer och kontrollera motsvarande referenser.
Ändras den ursprungliga JSON-filen eller bilderna?
Originalfilerna skrivs inte över. En ny JSON-fil sparas. Skapa om den efter att du ändrat målet eller tillgångsmappningarna.
Kan alla Lottie konverteras till JSON?
Indatan måste kunna läsas som Lottie, med alla obligatoriska tillgångar lösta. Den här sidan kan inte skapa utdata från indata som innehåller tillägg som inte kan förs vidare, till exempel teman eller interaktiva tillstånd.
Indata och resultat
- Indata
- Lottie JSON och de obligatoriska lokala bilderna. .lottie- och ZIP-filer kan också läsas in. Den här funktionen omvandlar inte vanlig JSON till video.
- Utdata
- En vald animation. JSON med de refererade bilduppgifterna inbäddade.
- Kontrollera
- Spara när förhandsvisningen av den genererade utdatan är tillgänglig. Skapa om efter att du lagt till tillgångar eller ändrat mappningarna.