Lottie met afbeeldingen verpakken
Voeg Lottie-JSON, .lottie of ZIP en de afbeeldingen waarnaar daarin wordt verwezen toe, controleer de koppelingen en verpak ze vervolgens in één .lottie-bestand. Lever één geselecteerde animatie met de bijbehorende assets aan. De afmetingen en kwaliteit van afbeeldingen blijven ongewijzigd. Je kunt de beweging van de gemaakte animatie controleren voordat je deze opslaat.
Wat je kunt doen
Afbeeldingen en animatie combineren in één bestand
Bewaar de afbeeldingen waarnaar in Lottie-JSON wordt verwezen samen met de animatie in .lottie.
Overeenkomsten van assets controleren
Koppel verwijzingsnamen aan afbeeldingen op je apparaat. Als afbeeldingen ontbreken of meerdere kandidaten dezelfde naam hebben, bevestig dan de overeenkomsten voordat je het bestand maakt.
Het gemaakte bestand afspelen en opslaan
Het gemaakte .lottie-bestand wordt opnieuw geladen voor een voorbeeld. Controleer de afbeeldingen en beweging en download vervolgens dat bestand.
Zo gebruik je de tool
JSON en afbeeldingen toevoegen
Voeg Lottie-JSON en de vereiste afbeeldingen toe. Je kunt ze ook samen als map of ZIP toevoegen.
Afbeeldingskoppelingen controleren
Controleer welke assets bij elke verwijzing horen. Voeg ontbrekende afbeeldingen toe en kies de te gebruiken afbeelding als er meerdere kandidaten zijn.
.lottie maken
Controleer de afbeeldingen en beweging in het voorbeeld en kies vervolgens ‘.lottie-bestand maken’. Als er meerdere animaties zijn, wordt de animatie gemaakt die je selecteert.
Resultaat controleren en opslaan
Zodra het voorbeeld van het gegenereerde bestand wordt weergegeven, controleer je de inhoud en kies je ‘Downloaden’ om het op te slaan.
Handig voor
Animaties met hun assets aanleveren
Bundel animatie-JSON en afbeeldingen in één .lottie-bestand in plaats van ze afzonderlijk aan te leveren.
Animaties met afbeeldingen publiceren
Maak een bestand met de vereiste afbeeldingen om in te sluiten op een site of in een app die compatibel is met .lottie.
Lottie met afbeeldingen aanleveren
Verwijzingsnamen en lokale afbeeldingen
Controleer welke assets overeenkomen met de afbeeldingsnamen en -paden in de JSON. Als meerdere kandidaten dezelfde naam hebben, kies je welke je wilt gebruiken. Afbeeldingen worden niet automatisch opgehaald van externe URL’s.
.lottie en JSON met ingesloten afbeeldingen
.lottie is een pakketindeling waarin animaties en assets worden opgeslagen. Gebruik ‘Afbeeldingen in Lottie-JSON insluiten’ om afbeeldingen als tekenreeksen te coderen en in de JSON op te nemen.
De doelspeler
Controleer of de doelomgeving .lottie ondersteunt. De weergave op deze pagina controleren garandeert geen identieke weergave in elke speler.
Weergave van afbeeldingen en voorbeeldinstellingen
Afmetingen en compressiekwaliteit van afbeeldingen worden niet gewijzigd. Afspeelsnelheid, achtergrond en herhalen zijn alleen bedoeld voor het voorbeeld en hebben geen invloed op de opgeslagen beweging of assets.
Veelgestelde vragen
Wat gebeurt er als vereiste afbeeldingen ontbreken?
De betreffende verwijzing wordt weergegeven en het maken wordt gestopt. Voeg afbeeldingen vanaf je apparaat toe. Ontbrekende afbeeldingen worden niet automatisch opgehaald of gegenereerd.
Ik heb meerdere afbeeldingen met dezelfde naam.
Selecteer voor elke verwijzing een afbeelding. Controleer de mappaden en voorbeelden om de bedoelde afbeeldingen te kiezen.
Kan ik Lottie alleen op basis van afbeeldingen maken?
Nee. Je hebt Lottie-JSON nodig waarin beweging is gedefinieerd. Deze tool verpakt die animatie en de afbeeldingen waarnaar wordt verwezen.
Kan ik meerdere animaties samen opslaan?
Op deze pagina sla je de ene animatie op die je selecteert. Gebruik ‘Lottie-animaties bundelen in één bestand’ om meerdere animaties samen te verpakken en toch afzonderlijk te houden.
Kan ik bestanden maken met thema’s of interactieve toestanden?
Deze functie kan dat niet. Een voorbeeld van eenvoudige beweging kunnen bekijken betekent niet dat uitvoer met behoud van geavanceerde instellingen kan worden gemaakt. Exporteer eenvoudige Lottie en voeg die hier toe.
Invoer en resultaten
- Invoer
- Lottie-JSON, .lottie of ZIP, en afbeeldingen of andere assets waarnaar wordt verwezen vanaf je apparaat.
- Uitvoer
- Een .lottie-bestand met één geselecteerde animatie en de bijbehorende assets.
- Oorspronkelijke bestanden
- Deze worden niet overschreven. Maak de uitvoer opnieuw nadat je de invoer of de assetkoppelingen hebt gewijzigd.