Görselleri Lottie JSON’a gömün
Lottie JSON’u ve gerekli görselleri ekleyin; seçilen animasyonun görsellerini tek bir JSON dosyasına gömün. .lottie ve ZIP dosyaları da yüklenebilir. Başvuruları çözümleyin, oluşturulan animasyonun hareketini kontrol edin ve görseller içeren JSON olarak teslim edin.
Yapabilecekleriniz
Görselleri JSON içine yerleştirin
Harici dosyalara yapılan başvuruları görsel verileriyle değiştirerek görseller içeren Lottie JSON oluşturun.
Görsel başvurularını eşleştirin
Animasyonun ihtiyaç duyduğu varlıkları kontrol edin. Eksik görselleri ekleyin ve aynı ada sahip adaylar varsa kullanılacak varlıkları seçin.
Oluşturulan dosyayı kontrol edin
Görselleri ve hareketi, gömme işleminden sonra JSON’u yeniden yükleyen önizlemede kontrol edin, ardından kaydedin.
Kullanım
JSON’u ve gerekli görselleri ekleyin
Lottie JSON’u ve başvurduğu görselleri ekleyin. Eşleşmelerini kontrol etmeyi kolaylaştırmak için görselleri klasör yapısını koruyarak ekleyin.
Hedefi ve görsel eşlemelerini kontrol edin
Hedef animasyonu seçin ve başvurulan görsellerin durumunu kontrol edin. Eksik varlıkları ve birden fazla adayı giderin.
Gömülü görsellerle JSON oluşturun
Tüm başvurular çözümlendiğinde “JSON oluştur”u seçin. Bu özellik görselleri başkalarıyla değiştirmez veya otomatik olarak görsel oluşturmaz.
Sonuç önizlemesini kontrol edip kaydedin
Oluşturulan JSON’un görünümünü kontrol edip indirin. İnceleme için hızı veya arka planı değiştirmek kaydedilen JSON’u değiştirmez.
Şunlar için kullanışlıdır
Görselleri animasyonla tek dosyada teslim edin
Ayrı görselleri göndermeyi unutma riskini azaltmak istediğinizde, paylaşmak için gerekli görselleri JSON dosyasına ekleyin.
Harici görsel başvurularını paketleyin
Hedefte göreli görsel yollarının bozulmasını önlemek için, başvurulan görsellerin gömülü olduğu bir dosya hazırlayın.
Görsel gömme ve dosya biçimleri
Harici başvurulardan veri URI’lerine
Genellikle görsel yollarına veya dosya adlarına başvurulur. Gömme işleminde JSON, görselleri dizeler olarak temsil eden verileri içerir.
Görselleri gömmek dosya boyutunu küçültmez
Base64, görsel verisini özgün boyutunun yaklaşık 4/3’üne çıkarır. Görsel içeren JSON özgün JSON’dan daha büyüktür; kaydettikten sonra dosya boyutunu da kontrol edin.
JSON içine gömme ve .lottie paketleme
Bu ekran görsel verilerini tek bir JSON dosyasına ekler. .lottie, JSON’u ve varlıkları sıkıştırılmış bir pakette birleştirir. Hedefin kabul ettiği biçimlere göre seçim yapın.
Sıkça sorulan sorular
Görselleri gömmek dosya boyutunu artırır mı?
Evet. Görsel verisi özgün JSON’a eklenip Base64 olarak gösterilir; bu nedenle dosya genellikle büyür. Bu, dosya boyutunu küçültmeye yönelik bir görsel sıkıştırma özelliği değildir.
.lottie olarak paketlemekten farkı nedir?
Çıktı farklıdır. Bu ekran görseller içeren JSON oluştururken Lottie’yi görsellerle paketleme aracı, varlıkları bir araya getiren .lottie dosyası oluşturur. Uygulamanızın veya kitaplığınızın desteklediği biçimlere göre seçim yapın.
Başvurulan görseller eksikse ne olur?
Eksik varlıkları eklemeniz gerekir. Aynı ada sahip birden fazla aday varsa kullanılacak dosyayı seçin. Gerekli başvurular çözümlenene kadar JSON oluşturulamaz.
Görseller URL’lerden otomatik alınır mı?
Görseller harici URL’lerden otomatik olarak alınmaz. Gerekli varlıkları yerel dosyalarınızdan ekleyin ve ilgili başvuruları kontrol edin.
Özgün JSON veya görseller değiştirilir mi?
Özgün dosyaların üzerine yazılmaz. Yeni bir JSON dosyası kaydedilir. Hedefi veya varlık eşlemelerini değiştirdikten sonra dosyayı yeniden oluşturun.
Her Lottie dosyası JSON’a dönüştürülebilir mi?
Girdinin Lottie olarak yüklenebilmesi ve gerekli tüm varlıkların çözümlenmiş olması gerekir. Bu ekran temalar veya etkileşimli durumlar gibi aktarılamayan uzantıları içeren girdilerden çıktı oluşturamaz.
Girdiler ve sonuçlar
- Girdi
- Lottie JSON ve gerekli yerel görseller. .lottie ve ZIP dosyaları da yüklenebilir. Bu özellik genel JSON’u videoya dönüştürmez.
- Çıktı
- Seçilen tek animasyon. Başvurulan görsel verilerinin gömülü olduğu JSON.
- Kontrol
- Oluşturulan çıktının önizlemesi hazır olduğunda kaydedin. Varlık ekledikten veya eşlemeleri değiştirdikten sonra yeniden oluşturun.