Lottie-visare och granskare
Öppna Lottie JSON, .lottie eller ZIP för att granska rörelsen och tillgångarna före integration. Matcha de bilder och teckensnitt som krävs och kontrollera animationen med olika uppspelningspositioner, hastigheter och bakgrunder. Originalfilerna ändras inte och inga nya filer skapas eller sparas.
Vad du kan göra
Öppna en fil och spela upp
Välj en animation i JSON-, .lottie- eller ZIP-format och granska den genom att spela upp, pausa eller flytta uppspelningspositionen.
Matcha de resurser som krävs
Lägg till resurser från din enhet om bilder, typsnitt eller andra resurser saknas. Du kan också välja vilken fil som ska användas när det finns flera kandidater.
Kontrollera med olika bakgrunder eller hastigheter
Växla mellan transparent, vit eller mörk bakgrund och ändra uppspelningshastighet, upprepning eller visningsstorlek. Originalfiler ändras inte.
Så använder du
Lägg till animationer och resurser
Välj Lottie JSON, .lottie eller ZIP. Om filen refererar till externa resurser lägger du även till motsvarande mapp eller resursfiler.
Välj animationen att granska
Om det finns flera animationer väljer du den du vill granska. Om saknade resurser eller dubblerade kandidater rapporteras anger du motsvarande filer.
Kontrollera rörelse och utseende
Använd spelning, paus och sökreglag. Ändra bakgrunden eller hastigheten i ”Uppspelningsinställningar” vid behov för att granska animationen.
Användbart för
Kontrollera att levererade data fungerar
Öppna en animation du har fått och kontrollera dess rörelse och om alla nödvändiga bilder finns med.
Kontrollera utseendet före integration
Prova ljusa och mörka bakgrunder och olika uppspelningshastigheter för att bedöma hur väl den passar skärmen där du ska använda den.
Förhållandet mellan animationer och resurser
JSON, .lottie och ZIP
Lottie JSON innehåller animations- och formdata. .lottie- och ZIP-filer kan paketera animationer och resurser tillsammans.
Refererade resurser behövs också för visning
Om bilder, typsnitt eller andra resurser är separata filer kontrollerar du deras namn och mappplatser. Lös saknade resurser och dubbletter innan uppspelning.
Uppspelningsinställningarna är till för granskning
Ändringar av hastighet, upprepning, bakgrund och visningsstorlek påverkar bara förhandsvisningen. Funktionen redigerar inte och sparar inte den ursprungliga animationsdatan.
Kontrollera också i miljön där du ska använda den
Teman, interaktiva tillstånd och spelar-specifika funktioner kan skilja sig från grundvisningen av animationen. Att en animation går att spela upp här garanterar inte samma utseende i alla appar.
Vanliga frågor
Vad händer om bilder inte visas?
Kontrollera om något saknas eller inte stöds under ”Refererade resurser”. Lägg till bilder från din enhet och välj filen att använda om det finns flera kandidater. Att lägga till mappar med bevarad struktur gör det lättare att kontrollera matchningarna.
Kan jag spela upp vanlig JSON eller bara bilder?
Du behöver animeringsdata i Lottie-format. Att lägga till vanlig JSON eller enbart bilder gör att du inte kan spela upp dem som animationer.
Kan jag spara en fil med ändrad uppspelningshastighet?
Det här verktyget är till för granskning. Det skriver inte tillbaka uppspelningshastighet eller andra inställningar till originaldatan och sparar dem inte som en ny fil.
Hur kan jag se områden utanför bildrutan i ursprunglig storlek?
Välj ”Ursprunglig storlek” i uppspelningsinställningarna för att rulla inom visningsområdet och granska det. Byt tillbaka till ”Anpassa till bildrutan” för att visa hela animationen.
Slas flera animationer ihop i ordning?
Nej. Välj en animation att granska och spela upp dem en i taget. Om du byter animation återställs den valda animationens uppspelningsinställningar till standardvärdena.
Vad händer om typsnitt eller särskilda funktioner inte kan visas?
Kontrollera motsvarande typsnittsfiler. Beroende på exportstrukturen kan innehållet fortfarande inte visas även om du lägger till resurser. Kontrollera också visningen i appen där du ska använda den, inklusive teman och interaktiva tillstånd.
Indata och resultat
- Indata
- Lottie JSON, .lottie eller ZIP. Lägg till bilder, typsnitt eller andra resurser vid behov.
- Kontroll
- Rörelse, mått, bildfrekvens, varaktighet och refererade resurser.
- Uppspelningsinställningar
- Hastighet, upprepning, bakgrund och visningsstorlek. Originaldatan ändras inte.
- Utdata
- Endast förhandsvisning. Inget skapas, konverteras eller laddas ner.