Lottie Görüntüleyici
Ücretsiz çevrimiçi Lottie oynatıcı. Herhangi bir Lottie JSON animasyonunu açın, oynatın, kare kare ilerletin, hızı değiştirin, döngüyü açıp kapatın ve şeffaf damalı zeminde önizleyin — tamamen tarayıcınızda.
Lottie dosyası nedir?
Lottie dosyası, vektör bir animasyonun JSON çıktısıdır; genelde After Effects'teki Bodymovin eklentisiyle veya LottieFiles gibi araçlarla üretilir. Uygulamalar ve web siteleri onu video yerine hafif bir işleyiciyle oynatır: dosya çok küçük kalır ve her boyutta netliği korur.
Lottie animasyonunu burada nasıl önizlerim?
Yükleme alanına tıklayın veya .json dosyanızı üzerine sürükleyin. Animasyon anında yüklenir ve oynamaya başlar. Yerleşik örnekle oynatıcıyı denemek için örnek düğmesini de kullanabilirsiniz.
Animasyonum bir sunucuya yükleniyor mu?
Hayır. Dosya tamamen tarayıcı sekmesi içinde okunur ve işlenir. Hiçbir yere gönderilmez; böylece yayımlanmamış müşteri işleri ve gizli dosyalar için de güvenlidir.
Hangi oynatma kontrolleri var?
Oynat ve duraklat, yeniden başlat düğmesi, döngü aç/kapa, sürüklenebilir kare kaydırıcısı ve 0,25x–2x hız seçici. Göstergede geçerli kare, toplam kare ve animasyonun kare hızı görünür.
Damalı zemin neden var?
Damalı desen, tasarım araçlarındaki gibi saydamlığı temsil eder. Animasyonunuzda istenmeyen bir zemin olup olmadığını bununla kontrol edersiniz; beyaz veya siyaha geçerek kenarları, parlamaları ve gölgeleri açık ya da koyu zeminlerde incelersiniz.
Hangi Lottie sürümleri destekleniyor?
Oynatıcı lottie-web işleyicisini kullanır ve sürüm 4 ve sonrası Bodymovin JSON'unu destekler: şekil katmanları, maskeler, matteler, trim path ve dışa aktarımda gömülen çoğu ifade.
Mobilde çalışır mı?
Evet. Düzen duyarlıdır ve işleme aynı SVG motoruyla yapılır; iOS ve Android tarayıcılarında çalışır. Denetimler dokunmatik boyutta tasarlandı.
.json ile .lottie arasındaki fark nedir?
.lottie (dotLottie) biçimi, JSON'u varlıklarla birlikte içerebilen sıkıştırılmış bir ziptir. Bu görüntüleyici standart Lottie .json çıktısını doğrudan açar; dotLottie dosyalarında önce içindeki .json'u çıkarın.
Animasyonum neden yavaş oynuyor veya bozuk görünüyor?
Çok katmanlı, görselli veya ifadeli animasyonlar işlemesi ağır olabilir. Görsellerin ayrı dışa aktarılmadığını denetleyin, kompozisyonu sadeleştirin veya hızı düşürün — FPS göstergesi animasyonun hedeflediği hızı verir.
Lottie Görüntüleyici Nasıl Kullanılır
Bu Lottie görüntüleyici, Bodymovin JSON animasyonlarını lottie-web işleyicisiyle tamamen tarayıcınızda oynatır. Bir dosya yükleyin ya da sürükleyip bırakın, oynatmayı kare kare kontrol edin ve şeffaf, beyaz veya siyah zeminde önizleyin — hiçbir şey yüklenmez.
- Yükleme alanına tıklayın veya üzerine bir Lottie .json dosyası sürükleyin; animasyon hemen yüklenir ve oynamaya başlar.
- Oynatmayı kontrol etmek için büyük oynat/duraklat düğmesini ve yeniden başlat düğmesini kullanın.
- Herhangi bir kareye atlamak için kare kaydırıcısını sürükleyin; gösterge geçerli kareyi, toplam kare sayısını ve FPS'i verir.
- 0,25x ile 2x arasında bir hız seçin ve sürekli tekrar için döngü düğmesini açın.
- Kenarları, parlamaları ve gölgeleri incelemek için zemini şeffaf damalı, beyaz ve siyah arasında değiştirin.
Kendi animasyonunuzu yüklemeden önce örnek düğmesine basıp oynatıcının nasıl davrandığına bakın — bir müşteri size JSON gönderdiğinde hızlıca kontrol etmek için çok kullanışlı.
İlgili Araçlar
- SVG Görüntüleyici ve Düzenleyici SVG dosyalarını çevrimiçi önizleyin, düzenleyin ve optimize edin. Canlı önizleme, kod düzenleme ve optimizasyon araçları.
- JSON ağaç görüntüleyici JSON verilerini interaktif katlanabilir bir ağaç olarak görselleştirin. Anahtar ve değerleri arayın, üzerine gelindiğinde JSONPath'i izleyin ve tembel yükleme ile büyük dosyaları işleyin. .json dosyalarını sürükle ve bırak destekler.
- Sprite Sheet Oluşturucu Görüntüleri sprite sheet'te birleştirin, sürükleyerek yeniden sıralayın, ızgara düzeni, dolgu, ölçek modları. JSON atlas verileriyle PNG/WebP/JPG olarak dışa aktarın.
- Görsel Base64 Görselleri Base64 dizelerine dönüştürün ve Base64'ü tekrar görsellere çözün. PNG, JPG, GIF, WebP, SVG, BMP, ICO destekler. %100 tarayıcıda, yükleme yok.
- GIF Kare Ayırma GIF animasyonlarından tekil kareleri PNG veya sprite sayfası olarak çıkarın ve indirin. Önizleme ve ZIP dışa aktarma destekli ücretsiz çevrimiçi araç.
- GIF Ters Çevir GIF animasyon oynatma sırasını ücretsiz çevrimiçi ters çevirin. Anında yükleyin, önizleyin ve indirin.
- GIF Hız Değiştirici GIF animasyon hızını çevrimiçi değiştirin. GIF dosyalarını anında hızlandırın veya yavaşlatın.
- Video GIF Dönüştürücü Videoyu çevrimiçi animasyonlu GIF'e dönüştürün. Kalite, kare hızı ve çözünürlüğü yükleme yapmadan doğrudan tarayıcınızda ayarlayın.