ตรวจสอบ Lottie JSON
ตรวจสอบและดูโครงสร้าง Lottie animation JSON - version, ขนาด, framerate, layer tree และ assets ทำงาน offline ในเบราว์เซอร์
Loading tool...
ตรวจสอบ Lottie JSON คืออะไร?
Lottie JSON Player & Validator ตรวจสอบโครงสร้างของ Lottie animation JSON: required fields, layer tree พร้อมชนิด, metadata dashboard และ asset count คำนวณในเครื่องทั้งหมดโดยไม่ใช้ dependency ภายนอก
ประโยชน์หลัก
- จับ missing field ก่อนนำไปใช้ในแอปจริง
- layer tree แสดงโครงสร้างโดยไม่ต้องเปิด After Effects
- metadata dashboard ให้ภาพรวมของ animation ทันที
- ใช้ offline ได้ ไม่ต้องมี dependency ภายนอก
กรณีการใช้งาน
- •ตรวจ Lottie export ก่อน shipping ขึ้น production
- •Debug โครงสร้างเมื่อ playback ไม่ทำงาน
- •จัดทำเอกสาร layer organization สำหรับ design handoff
- •ดู duration และความซับซ้อนของ animation แบบรวดเร็ว
- •ตรวจนับ asset ใน Lottie ไฟล์ขนาดใหญ่
ตรวจสอบ Lottie Animation
- วาง Lottie JSON: วาง Lottie animation JSON ที่ export จาก After Effects, LottieFiles หรือ editor ใดก็ได้
- ดูผลการตรวจสอบ: เครื่องมือตรวจ required fields (v, fr, ip, op, w, h, layers) และแจ้ง key ที่ขาด
- สำรวจ layer tree: แต่ละ layer แสดงชื่อและชนิด (Shape, Text, Solid, Image, Null, Pre-comp)
- ดู metadata: ขนาด framerate duration และ asset count ช่วยให้เห็นภาพรวมของ animation ได้เร็ว
คุณสมบัติหลัก
- ตรวจ required fields: v, fr, ip, op, w, h, layers
- แสดง layer tree พร้อมชื่อและชนิดที่อ่านง่าย
- dashboard: ขนาด, FPS, duration, layers, assets ครบในหน้าเดียว
- รายงาน parse error ละเอียด debug ได้เร็ว
- ไม่ใช้ lottie-web dependency - pure JSON analysis
- ทำงาน offline - ข้อมูล animation ไม่ออกจากเครื่อง
คำถามที่พบบ่อย
Lottie animation คืออะไร?
Lottie คือรูปแบบไฟล์ animation แบบ JSON ที่ Airbnb สร้างขึ้น นักดีไซน์ export animation จาก After Effects แล้วเรนเดอร์บน web และ mobile ได้ด้วยขนาดไฟล์ที่เล็ก
เครื่องมือนี้เล่น animation ให้ดูไหม?
ไม่ - มันตรวจสอบโครงสร้าง JSON และแสดง layer tree การเล่น Lottie animation ต้องใช้ไลบรารี lottie-web ซึ่งเป็น dependency แยก เครื่องมือนี้เน้น validation และ inspection
Lottie JSON ต้องมี field อะไรบ้าง?
required top-level fields ได้แก่ v (version), fr (framerate), ip (in point), op (out point), w (width), h (height) และ layers (array) เครื่องมือจะแจ้งเตือนถ้าขาด field ใด
ข้อมูล animation ถูกอัปโหลดหรือไม่?
ไม่ การ parse และ validation ทำงานในเบราว์เซอร์ล้วน ข้อมูล animation ไม่เคยออกจากเครื่อง และใช้ offline ได้เมื่อโหลดหน้าเสร็จ