Xem trước & Tối ưu hóa Lottie

Xem trước, sao chép/tải xuống SVG, tối ưu hóa JSON và chỉnh sửa hoạt ảnh Lottie tại địa phương.

Kéo & thả tệp Lottie JSON vào đây, hoặc nhấp để tải lên

*.json (Lottie format)

Cách xem trước và tối ưu hóa hoạt ảnh Lottie

1

Tải lên hoặc kéo tệp Lottie JSON của bạn để tải bản xem trước hoạt ảnh trong trình phát tương tác.

2

Sử dụng tab 'Lớp & Tài nguyên' để sửa đổi các thành phần văn bản hoặc thay thế các lớp hình ảnh trực tiếp trong hoạt ảnh.

3

Chuyển đến tab 'Chẩn đoán & Nén', cấu hình độ chính xác thập phân của tọa độ và bật tùy chọn xóa siêu dữ liệu để nén tệp.

4

Nhấp vào 'Xuất JSON' để lưu tệp Lottie đã tối ưu hóa, hoặc sao chép mã vector SVG của khung hình hiện tại để sử dụng trong Figma.

Câu hỏi thường gặp về công cụ Lottie

Tối ưu hóa Lottie giúp giảm kích thước tệp như thế nào?
Các tệp Lottie JSON thường lưu trữ độ chính xác thập phân quá mức cho các tọa độ và đường cong khung hình chính. Việc cắt bớt các số dấu phẩy động xuống còn 1 hoặc 2 chữ số thập phân và loại bỏ siêu dữ liệu không cần thiết có thể thu nhỏ kích thước tệp từ 30% đến 70% mà không ảnh hưởng trực quan.
Tôi có thể chỉnh sửa các lớp văn bản Lottie mà không cần After Effects?
Có. Trình chỉnh sửa phân tích các lớp văn bản có thể chỉnh sửa. Bạn có thể sửa đổi văn bản, dịch chuỗi hoặc thay thế các hình ảnh nhúng trực tiếp trong trình duyệt, và xem trước các thay đổi động ngay lập tức.
Làm cách nào để sử dụng mã SVG đã sao chép trong Figma?
Nhấp vào 'Sao chép mã SVG' sẽ chụp lại khung hình hiện tại. Bạn có thể dán trực tiếp vào Figma (Cmd+V / Ctrl+V) và phần mềm sẽ tự động tạo các lớp và nhóm vector tương ứng.

🔗 Công cụ liên quan