Lottie → GIF
Lottie JSON animasyonlarını kare kare çizip GIF’e dönüştürür; boyut, kare hızı ve zemin rengi seçilir. Dosyan tarayıcıda işlenir, yüklenmez.
Lottie JSON ya da Telegram TGS çıkartması
İpuçları
- Lottie şeffaf zeminlidir; GIF’te tek bitlik şeffaflık istemiyorsan düz zemin rengi seç.
- Kaynak animasyonun kendi kare hızı okunur, istersen 12-15 fps’e düşürerek dosyayı küçültürsün.
- Dışarıdan görsel çeken (image asset) Lottie dosyaları eksik çizilir; gömülü sürümü kullan.
Nasıl kullanılır?
- 1 Lottie JSON animasyon dosyanı çalışma alanına bırak.
- 2 Hedef genişliği, kare hızını ve kenar çapaklanmalarını önlemek için zemin rengini ayarla.
- 3 Dönüştürmeyi başlat ve tarayıcında oluşturulan GIF dosyasını indir.
Bilmen gerekenler
Lottie formatı, vektörel animasyon eğrilerini, katmanları ve anahtar kareleri metin tabanlı JSON kodları halinde saklayarak web ve mobil platformlarda son derece düşük dosya boyutuyla dinamik oynatma sağlar. Buna karşın teknik dokümantasyonlar, e-posta bültenleri, GitHub depoları ve çeşitli sohbet platformları harici bir oynatıcı kütüphanesi olmadan JSON animasyonlarını çalıştıramaz. Vektörel Lottie verisini GIF formatına dönüştürmek, hareketli grafikleri her platformda ek betik çalıştırmadan görüntülenebilir hale getirir. Bu dönüşümde sonsuz çözünürlüklü matematiksel vektörler sabit piksellere dökülür ve dosya boyutu JSON metnine kıyasla belirgin şekilde artar.
Tarayıcında çalışan WebAssembly motoru, Lottie animasyonundaki katmanları kare kare işleyerek doğrudan GIF dizilimine dönüştürür. Harici bağlantıyla görsel çeken Lottie dosyaları güvenlik kısıtları nedeniyle boş kare üretebilir; bu yüzden tüm görsel varlıkların JSON içine gömülü olması gerekir. Lottie varsayılan olarak şeffaf katmanlar kullandığından, GIF formatının pikselleri ya tam şeffaf ya tam opak yapan tek bitlik yapısı kenarlarda çapaklanmaya neden olabilir; temiz bir görünüm için mat zemin rengi seçebilirsin. Ayrıca kaynak dosyanın yüksek kare hızını 12 veya 15 fps düzeyine çekerek GIF dosyasının ağırlığını azaltabilirsin.
Sık sorulan sorular
Lottie animasyonumdaki şeffaf alanlar GIF çıktısında neden tırtıklı görünüyor?
GIF formatı kademeli alfa şeffaflığını desteklemez; her piksel ya tamamen şeffaf ya da tamamen opaktır. Vektör kenarlarındaki yarı saydam piksellerin pürüzsüz görünmesi için dönüştürücü panelinden tasarımına uygun bir mat zemin rengi seçebilirsin.
Görsel içeren Lottie dosyam neden boş veya eksik çiziliyor?
Harici web adreslerinden resim çeken Lottie dosyaları tarayıcı içi güvenlik engelleri sebebiyle yüklenemez. Sorunsuz işleme için kullanılan raster varlıkların JSON dosyası içine base64 formatında gömülmüş olması gerekir.
Dönüştürme işlemi neden birkaç saniye sürebiliyor?
Tarayıcındaki WebAssembly motoru animasyonun her karesini tek tek çizip renk paletine indirger. İlk kullanımda yaklaşık 30 MB boyutundaki motor önbelleğe alınır ve tüm hesaplama cihazının işlemcisinde yerel olarak yürütülür.
Rehberler
Bu araçla ilgili yazılar ve format rehberleri.
İlgili araçlar
- TGS → GIF Telegram animasyonlu çıkartmalarını (TGS) açıp GIF’e çevirir; boyut ve kare hızı ayarlanabilir. Çıkartman tarayıcıda işlenir, sunucuya gitmez.
- Ekran Kaydedici Ekranı, pencereyi veya sekmeyi kaydedip WebM video ya da GIF olarak indirir. Kayıt tarayıcının kendi API’siyle yapılır, sunucuya gitmez. Ücretsiz ve sınırsız.
- GIF Yapıcı Seçtiğin görselleri sıraya dizip animasyonlu GIF üretir; kare süresi, döngü ve boyut ayarlanır. Görsellerin tarayıcıda işlenir, yüklenmez. Kayıt ve ücret yok.
- Kapı Zili GIF GIF’in ilk karesini uzun süre bekletip animasyonu sonra başlatır; önizlemede sabit görünen efekt için. Kareler tarayıcıda işlenir, yükleme yok.
- GIF Altyazı Kutusu GIF’in altına veya üstüne beyaz zeminli bir yazı şeridi ekler; caption tarzı mizah paylaşımları için. Kareler tarayıcıda işlenir, yükleme yok.
- WebP → GIF Animasyonlu WebP dosyalarını tüm kareleriyle GIF formatına çevirir; süre ve döngü korunur. Dönüşüm tarayıcında, dosyan sunucuya yüklenmez. Kurulum gerekmez.