Afbeeldingen in Lottie-JSON insluiten
Voeg Lottie-JSON en de vereiste afbeeldingen toe en sluit de afbeeldingen van de geselecteerde animatie in één JSON-bestand in. .lottie- en ZIP-bestanden kunnen ook worden geladen. Los de verwijzingen op, controleer de beweging van de gemaakte animatie en lever deze aan als JSON met afbeeldingen.
Wat je kunt doen
Afbeeldingen in JSON opnemen
Vervang verwijzingen naar externe bestanden door afbeeldingsgegevens om Lottie-JSON met afbeeldingen te maken.
Verwijzingen aan afbeeldingen koppelen
Controleer welke assets de animatie nodig heeft. Voeg ontbrekende afbeeldingen toe en kies welke assets je wilt gebruiken als er meerdere bestanden met dezelfde naam zijn.
Het gemaakte bestand controleren
Controleer afbeeldingen en beweging in een voorbeeld dat de JSON opnieuw laadt nadat de afbeeldingen zijn ingesloten en sla het bestand vervolgens op.
Zo gebruik je de tool
JSON en de vereiste afbeeldingen toevoegen
Voeg Lottie-JSON en de afbeeldingen waarnaar wordt verwezen toe. Als je ze met behoud van de mappenstructuur toevoegt, kun je makkelijker controleren hoe ze bij de verwijzingen passen.
Doel en afbeeldingskoppelingen controleren
Selecteer de doelanimatie en controleer de status van afbeeldingen waarnaar wordt verwezen. Los ontbrekende assets en meerdere kandidaten op.
JSON met ingesloten afbeeldingen maken
Zodra alle verwijzingen zijn opgelost, selecteer je ‘JSON maken’. Deze functie vervangt geen afbeeldingen door andere en genereert geen afbeeldingen automatisch.
Het voorbeeld van het resultaat controleren en opslaan
Controleer de weergave van de gemaakte JSON en download het bestand. Als je de snelheid of achtergrond wijzigt voor inspectie, verandert de JSON die je opslaat niet.
Handig voor
Een animatie met afbeeldingen in één bestand aanleveren
Neem de vereiste afbeeldingen op in de JSON om deze te delen zonder het risico dat afzonderlijke afbeeldingen worden vergeten.
Externe afbeeldingsverwijzingen bundelen
Maak een bestand met ingesloten afbeeldingen waarnaar wordt verwezen om te voorkomen dat relatieve afbeeldingspaden op de doellocatie niet meer werken.
Afbeeldingen insluiten en bestandsindelingen
Van externe verwijzingen naar data-URI’s
Normaal gesproken wordt verwezen naar afbeeldingspaden of bestandsnamen. Bij het insluiten bevat de JSON tekenreeksen met afbeeldingsgegevens.
Insluiten verkleint de bestandsgrootte niet
Base64 maakt afbeeldingsgegevens ongeveer 4/3 van de oorspronkelijke grootte. JSON met afbeeldingen is groter dan de oorspronkelijke JSON; controleer daarom ook de bestandsgrootte nadat je het bestand hebt opgeslagen.
Afbeeldingen insluiten in JSON en bundelen in .lottie
Dit scherm neemt afbeeldingsgegevens op in één JSON-bestand. .lottie bundelt JSON en assets in een gecomprimeerd pakket. Kies op basis van de indelingen die de doelomgeving accepteert.
Veelgestelde vragen
Wordt het bestand groter als ik afbeeldingen insluit?
Ja. Afbeeldingsgegevens worden aan de oorspronkelijke JSON toegevoegd en in Base64 weergegeven, waardoor het bestand doorgaans groter wordt. Dit is geen functie voor afbeeldingscompressie om de bestandsgrootte te verkleinen.
Wat is het verschil met verpakken als .lottie?
De uitvoer is anders. Dit scherm maakt JSON met afbeeldingen, terwijl Lottie met afbeeldingen verpakken een .lottie-bestand met gebundelde assets maakt. Kies op basis van de indelingen die je app of bibliotheek ondersteunt.
Wat gebeurt er als afbeeldingen waarnaar wordt verwezen ontbreken?
Je moet de ontbrekende assets toevoegen. Als er meerdere kandidaten met dezelfde naam zijn, kies je welk bestand je wilt gebruiken. JSON kan pas worden gemaakt nadat de vereiste verwijzingen zijn opgelost.
Worden afbeeldingen automatisch opgehaald van afbeeldings-URL’s?
Afbeeldingen worden niet automatisch opgehaald van externe afbeeldings-URL’s. Voeg de vereiste assets toe vanuit lokale bestanden en controleer de bijbehorende verwijzingen.
Worden de oorspronkelijke JSON of afbeeldingen gewijzigd?
De oorspronkelijke bestanden worden niet overschreven. Er wordt een nieuw JSON-bestand opgeslagen. Maak dit opnieuw nadat je het doel of de assetkoppelingen hebt gewijzigd.
Kan elke Lottie naar JSON worden geconverteerd?
De invoer moet als Lottie kunnen worden geladen, met alle vereiste assets opgelost. Dit scherm kan geen uitvoer maken op basis van invoer met extensies die niet kunnen worden meegenomen, zoals thema’s of interactieve toestanden.
Invoer en resultaten
- Invoer
- Lottie-JSON en de vereiste lokale afbeeldingen. .lottie- en ZIP-bestanden kunnen ook worden geladen. Deze functie zet gewone JSON niet om in video.
- Uitvoer
- Eén geselecteerde animatie. JSON met de afbeeldingsgegevens waarnaar wordt verwezen, ingesloten.
- Controleren
- Sla op zodra het voorbeeld van de gegenereerde uitvoer beschikbaar is. Maak de uitvoer opnieuw nadat je assets hebt toegevoegd of koppelingen hebt gewijzigd.