Bilder in Lottie JSON einbetten
Fügen Sie Lottie JSON und die erforderlichen Bilder hinzu und betten Sie die Bilder der ausgewählten Animation in eine JSON-Datei ein. .lottie- und ZIP-Dateien können ebenfalls geladen werden. Lösen Sie Referenzen auf, prüfen Sie die Bewegung der erstellten Animation und übergeben Sie sie als JSON mit Bildern.
Das können Sie tun
Bilder in JSON einbetten
Ersetzen Sie Verweise auf externe Dateien durch Bilddaten, um Lottie-JSON mit eingebetteten Bildern zu erstellen.
Verweise Bildern zuordnen
Prüfen Sie die für die Animation benötigten Ressourcen. Fügen Sie fehlende Bilder hinzu und wählen Sie bei gleichnamigen Kandidaten die zu verwendenden Ressourcen aus.
Erstellte Datei prüfen
Prüfen Sie Bilder und Bewegung in einer Vorschau, die das JSON nach dem Einbetten erneut lädt, und speichern Sie es anschließend.
Anleitung
JSON und benötigte Bilder hinzufügen
Fügen Sie Lottie-JSON und die darin referenzierten Bilder hinzu. Wenn Sie die Ordnerstruktur beim Hinzufügen beibehalten, lassen sich die Zuordnungen zu den Verweisen leichter prüfen.
Ziel und Bildzuordnungen prüfen
Wählen Sie die Zielanimation aus und prüfen Sie den Status der referenzierten Bilder. Lösen Sie fehlende Ressourcen und mehrere Kandidaten auf.
JSON mit eingebetteten Bildern erstellen
Sobald alle Verweise aufgelöst sind, wählen Sie „JSON erstellen“. Diese Funktion ersetzt Bilder weder durch andere Bilder noch erzeugt sie Bilder automatisch.
Ergebnisvorschau prüfen und speichern
Prüfen Sie die Darstellung des erstellten JSON und laden Sie es herunter. Eine zum Prüfen geänderte Geschwindigkeit oder Hintergrundfarbe ändert das gespeicherte JSON nicht.
Geeignet für
Animation mit Bildern in einer Datei weitergeben
Fügen Sie benötigte Bilder in das JSON ein, um es weiterzugeben und das Risiko zu verringern, dass separate Bilder vergessen werden.
Externe Bildverweise bündeln
Bereiten Sie eine Datei mit eingebetteten referenzierten Bildern vor, um ungültige relative Bildpfade am Ziel zu vermeiden.
Bildeinbettung und Dateiformate
Von externen Verweisen zu Daten-URIs
Normalerweise werden Bildpfade oder Dateinamen referenziert. Beim Einbetten enthält das JSON Daten, die Bilder als Zeichenfolgen darstellen.
Einbetten verringert die Dateigröße nicht
Base64 vergrößert Bilddaten auf etwa das 4/3-Fache ihrer ursprünglichen Größe. JSON mit Bildern ist größer als das ursprüngliche JSON. Prüfen Sie daher auch die Dateigröße nach dem Speichern.
JSON-Einbettung und .lottie-Bündelung
Diese Seite fügt Bilddaten in eine einzelne JSON-Datei ein. .lottie bündelt JSON und Ressourcen in einem komprimierten Paket. Wählen Sie anhand der vom Ziel unterstützten Formate.
Häufig gestellte Fragen
Vergrößert das Einbetten von Bildern die Dateigröße?
Ja. Bilddaten werden dem ursprünglichen JSON hinzugefügt und als Base64 dargestellt, wodurch die Datei normalerweise größer wird. Dies ist keine Bildkomprimierungsfunktion zur Verringerung der Dateigröße.
Worin unterscheidet sich dies vom Bündeln als .lottie?
Die Ausgabe ist unterschiedlich. Diese Seite erstellt JSON mit Bildern, während „Lottie mit Bildern bündeln“ eine .lottie-Datei mit gebündelten Ressourcen erstellt. Wählen Sie anhand der von Ihrer App oder Bibliothek unterstützten Formate.
Was geschieht, wenn referenzierte Bilder fehlen?
Sie müssen die fehlenden Ressourcen hinzufügen. Wenn mehrere Kandidaten denselben Namen haben, wählen Sie die zu verwendende Datei aus. JSON kann erst erstellt werden, wenn die erforderlichen Verweise aufgelöst sind.
Werden Bilder automatisch über Bild-URLs abgerufen?
Bilder von externen Bild-URLs werden nicht automatisch abgerufen. Fügen Sie die benötigten Ressourcen aus lokalen Dateien hinzu und prüfen Sie die entsprechenden Verweise.
Werden das ursprüngliche JSON oder die Bilder geändert?
Die Originaldateien werden nicht überschrieben. Eine neue JSON-Datei wird gespeichert. Erstellen Sie die Datei erneut, nachdem Sie das Ziel oder die Ressourcenzuordnungen geändert haben.
Kann jedes Lottie in JSON umgewandelt werden?
Die Eingabe muss als Lottie ladbar sein und alle erforderlichen Ressourcen müssen aufgelöst sein. Diese Seite kann keine Ausgabe erstellen, wenn die Eingabe Erweiterungen enthält, die nicht übernommen werden können, etwa Themes oder interaktive Zustände.
Eingabe und Ergebnisse
- Eingabe
- Lottie-JSON und die benötigten lokalen Bilder. .lottie- und ZIP-Dateien können ebenfalls geladen werden. Diese Funktion wandelt allgemeines JSON nicht in ein Video um.
- Ausgabe
- Eine ausgewählte Animation. JSON mit eingebetteten Daten der referenzierten Bilder.
- Prüfen
- Speichern Sie die Datei, sobald die Vorschau der erstellten Ausgabe verfügbar ist. Erstellen Sie sie nach dem Hinzufügen von Ressourcen oder dem Ändern von Zuordnungen erneut.