Packa Lottie med bilder
Lägg till Lottie-JSON, .lottie eller ZIP och deras refererade bilder, kontrollera matchningarna och packa sedan allt i en .lottie. Leverera en vald animation med sina tillgångar. Bildens mått och kvalitet ändras inte, och du kan kontrollera den skapade animationens rörelse före sparning.
Det här kan du göra
Kombinera bilder och animering i en fil
Lagra bilderna som Lottie JSON refererar till tillsammans med animeringen i .lottie.
Kontrollera resursmatchningarna
Matcha referensnamn mot bilder på din enhet. Om bilder saknas eller flera kandidater har samma namn ska du bekräfta matchningarna innan du skapar filen.
Spela upp och spara den skapade filen
Den genererade .lottie läses in igen för förhandsvisning. Kontrollera bilderna och rörelsen och ladda sedan ned filen.
Så använder du verktyget
Lägg till JSON och bilder
Lägg till Lottie JSON och de bilder som behövs. Du kan också lägga till dem tillsammans som en mapp eller ZIP.
Kontrollera bildmatchningarna
Kontrollera resurserna som matchar varje referens. Lägg till saknade bilder och välj vilken bild som ska användas om det finns flera kandidater.
Skapa .lottie
Kontrollera bilderna och rörelsen i förhandsvisningen och välj sedan ”Skapa .lottie-fil”. Om det finns flera animationer skapas den du väljer.
Kontrollera resultatet och spara
När förhandsvisningen av den genererade filen visas kontrollerar du innehållet och väljer ”Ladda ned” för att spara den.
Användbart för
Leverera animationer med sina resurser
Samla animations-JSON och bilder i en enda .lottie i stället för att leverera dem separat.
Publicera animationer som använder bilder
Förbereda en fil som innehåller de bilder som behövs för att bäddas in på en webbplats eller i en app som stöder .lottie.
Leverera Lottie med bilder
Referensnamn och lokala bilder
Kontrollera resurserna som matchar bildnamnen och sökvägarna i JSON. Om flera kandidater har samma namn väljer du den som ska användas. Bilder hämtas inte automatiskt från externa URL:er.
.lottie och JSON med inbäddade bilder
.lottie är ett paketformat som lagrar animationer och resurser. Använd ”Bädda in bilder i Lottie JSON” för att koda bilder som strängar och ta med dem i JSON.
Spelaren som tar emot filen
Kontrollera om mottagaren stöder .lottie. Att kontrollera visningen på den här sidan garanterar inte identisk uppspelning i alla spelare.
Bildernas utseende och förhandsvisningsinställningar
Bildens mått och komprimeringskvalitet ändras inte. Uppspelningshastighet, bakgrund och loopning gäller bara för förhandsvisningen och påverkar varken den sparade rörelsen eller resurserna.
Vanliga frågor
Vad händer om nödvändiga bilder saknas?
Den relevanta referensen visas och skapandet avbryts. Lägg till bilder från din enhet. Saknade bilder hämtas eller genereras inte automatiskt.
Jag har flera bilder med samma namn.
Välj en bild för varje referens. Kontrollera mappvägarna och förhandsvisningarna så att de avsedda bilderna stämmer.
Kan jag skapa Lottie enbart från bilder?
Nej. Du behöver Lottie JSON med rörelse definierad. Det här verktyget paketerar den animeringen och dess refererade bilder.
Kan jag spara flera animationer tillsammans?
Den här sidan sparar den animering du väljer. Använd ”Paketera Lottie-animationer i en fil” för att paketera flera animationer samtidigt som de hålls åtskilda.
Kan jag skapa filer som innehåller teman eller interaktiva tillstånd?
Den här funktionen kan inte hantera dem. Att kunna förhandsgranska en enkel rörelse betyder inte att utdata kan skapas med de avancerade inställningarna bevarade. Exportera en enkel Lottie och lägg till den här.
Indata och resultat
- Indata
- Lottie JSON, .lottie eller ZIP, samt refererade bilder eller andra resurser från din enhet.
- Utdata
- En .lottie som innehåller en vald animering och dess resurser.
- Originalfiler
- De skrivs inte över. Skapa utdata igen efter att du har ändrat indata eller resursmatchningarna.