Penampil Lottie
Pemutar Lottie online gratis. Buka animasi Lottie JSON apa pun, putar dan jeda, geser per frame, ubah kecepatan, aktifkan loop, dan pratinjau di latar kotak-kotak transparan — sepenuhnya di browser.
Apa itu file Lottie?
File Lottie adalah ekspor JSON dari animasi vektor, biasanya dibuat di After Effects dengan plugin Bodymovin atau di alat seperti LottieFiles. Aplikasi dan web memutarnya dengan renderer ringan, bukan video, sehingga ukurannya kecil dan kualitasnya tajam di skala apa pun.
Bagaimana pratinjau animasi Lottie di sini?
Klik area unggah atau seret file .json Anda ke sana. Animasi langsung dimuat dan mulai diputar. Tombol contoh juga tersedia untuk mencoba pemutar dengan sampel bawaan.
Apakah animasi saya diunggah ke server?
Tidak. File dibaca dan dirender sepenuhnya di dalam tab browser. Tidak ada yang dikirim ke mana pun, jadi aman untuk klien yang belum dirilis maupun aset rahasia.
Kontrol pemutaran apa saja yang tersedia?
Putar dan jeda, tombol mulai ulang, sakelar loop, slider frame yang bisa digeser, dan pemilih kecepatan 0,25x hingga 2x. Tampilan menunjukkan frame saat ini, total frame, dan frame rate animasi.
Mengapa ada latar kotak-kotak?
Kotak-kotak melambangkan transparansi, persis seperti di alat desain. Gunakan untuk memastikan animasi tidak punya latar tak diinginkan; beralih ke putih atau hitam untuk memeriksa tepi, cahaya, dan bayangan pada permukaan terang atau gelap.
Versi Lottie apa yang didukung?
Pemutar memakai renderer lottie-web yang mendukung JSON Bodymovin dari versi 4 ke atas: shape layer, mask, matte, trim path, dan sebagian besar ekspresi yang sudah dibakar saat ekspor.
Apakah bisa di ponsel?
Bisa. Tata letaknya responsif dan rendering memakai mesin SVG yang sama, sehingga berjalan di browser iOS dan Android. Kontrol berukuran sentuh.
Apa bedanya .json dan .lottie?
Format .lottie (dotLottie) adalah zip terkompresi yang bisa memuat JSON beserta aset. Penampil ini membuka .json Lottie standar langsung; untuk file dotLottie, ekstrak dulu .json di dalamnya.
Mengapa animasi saya lambat atau tampilnya aneh?
Animasi dengan banyak layer, gambar, atau ekspresi berat untuk dirender. Pastikan gambar tidak diekspor terpisah, sederhanakan komposisi, atau turunkan kecepatan — tampilan FPS menunjukkan laju yang dimaksudkan animasi.
Cara Menggunakan Penampil Lottie
Penampil Lottie ini memutar animasi Bodymovin JSON sepenuhnya di browser Anda dengan perender lottie-web. Muat sebuah file atau seret ke dalamnya, kendalikan pemutaran frame demi frame, dan pratinjau di latar transparan, putih, atau hitam — tidak ada yang diunggah ke mana pun.
- Klik area unggah atau seret file .json Lottie ke atasnya; animasinya langsung dimuat dan mulai diputar.
- Gunakan tombol putar/jeda besar dan tombol mulai ulang untuk mengendalikan pemutaran.
- Seret penggeser frame untuk melompat ke frame mana pun; angka yang ditampilkan adalah frame saat ini, jumlah total frame, dan FPS.
- Pilih kecepatan antara 0,25x dan 2x, lalu nyalakan tombol loop untuk pemutaran berulang terus-menerus.
- Ganti latar antara kotak-kotak transparan, putih, dan hitam untuk memeriksa tepi, cahaya, dan bayangan.
Tekan tombol contoh lebih dulu untuk melihat perilaku pemutar sebelum memuat animasi Anda sendiri — berguna saat klien mengirim JSON dan Anda perlu pemeriksaan cepat.
Alat Terkait
- Penampil & Editor SVG Pratinjau, edit dan optimalkan file SVG online. Pratinjau real-time, pengeditan kode dan alat optimasi.
- Penampil pohon JSON Visualisasikan data JSON sebagai pohon interaktif yang dapat dilipat. Cari kunci dan nilai, lacak JSONPath saat hover, dan tangani file besar dengan lazy loading. Mendukung drag & drop file .json.
- Generator Sprite Sheet Gabungkan gambar menjadi sprite sheet dengan seret untuk mengurutkan, tata letak grid, padding, mode skala. Ekspor PNG/WebP/JPG dengan data JSON atlas untuk game engine dan CSS.
- Gambar ke Base64 Konversi gambar ke string Base64 dan dekode Base64 kembali ke gambar. Mendukung PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% di browser, tanpa unggah.
- GIF Pisahkan Frame Ekstrak dan unduh frame individual dari animasi GIF sebagai PNG atau sprite sheet. Alat online gratis dengan pratinjau dan ekspor ZIP.
- GIF Terbalik Balikkan urutan pemutaran animasi GIF online gratis. Unggah, pratinjau dan unduh secara instan.
- Pengubah Kecepatan GIF Ubah kecepatan animasi GIF online. Percepat atau perlambat file GIF secara instan.
- Video ke GIF Konversi video ke GIF animasi secara online. Atur kualitas, frame rate, dan resolusi langsung di browser tanpa perlu unggah file.