Pratinjau & Pengoptimasi Lottie

Pratinjau, salin/unduh SVG, optimalkan JSON, dan edit animasi Lottie secara lokal.

Seret & lepas file Lottie JSON di sini, atau klik untuk mengunggah

*.json (Lottie format)

Cara Pratinjau dan Mengoptimalkan Animasi Lottie

1

Unggah atau seret file Lottie JSON Anda untuk memuat pratinjau animasi di pemutar interaktif.

2

Gunakan tab 'Lapisan & Aset' untuk mengubah elemen teks atau mengganti lapisan gambar langsung di animasi.

3

Buka tab 'Diagnosis & Kompres', konfigurasikan presisi desimal koordinat, dan aktifkan opsi pembersihan metadata untuk mengompresi file.

4

Klik 'Ekspor JSON' untuk menyimpan file Lottie yang dioptimalkan, atau salin kode vektor SVG dari bingkai saat ini untuk digunakan di Figma.

Tanya Jawab Alat Lottie

Bagaimana optimalisasi Lottie mengurangi ukuran file?
File Lottie JSON sering kali menyimpan presisi desimal koordinat dan kurva keyframe yang berlebihan. Memotong angka floating-point menjadi 1 atau 2 desimal dan menghapus metadata yang tidak berguna dapat memperkecil ukuran file sebesar 30% hingga 70% tanpa dampak visual.
Bisakah saya mengedit lapisan teks Lottie tanpa After Effects?
Ya. Editor menganalisis lapisan teks yang dapat diedit. Anda dapat memodifikasi teks, menerjemahkan string, atau mengganti gambar yang disematkan langsung di browser, dan melihat pratinjau perubahan dinamis secara instan.
Bagaimana cara menggunakan kode SVG yang disalin di Figma?
Mengklik 'Salin Kode SVG' menangkap bingkai saat ini. Anda dapat menempelkannya langsung ke Figma (Cmd+V / Ctrl+V) dan itu akan secara otomatis menghasilkan lapisan dan grup vektor yang sesuai.

🔗 Alat Terkait