ฝังภาพใน Lottie JSON
เพิ่ม Lottie JSON และภาพที่จำเป็น แล้วฝังภาพของแอนิเมชันที่เลือกไว้ในไฟล์ JSON ไฟล์เดียว โดยสามารถโหลดไฟล์ .lottie และ ZIP ได้ด้วย จัดการการอ้างอิง ตรวจสอบการเคลื่อนไหวของแอนิเมชันที่สร้างขึ้น แล้วส่งมอบเป็น JSON ที่บรรจุภาพไว้
สิ่งที่คุณทำได้
ฝังภาพไว้ใน JSON
แทนที่การอ้างอิงไฟล์ภายนอกด้วยข้อมูลภาพ เพื่อสร้าง Lottie JSON ที่มีภาพอยู่ข้างใน
จับคู่การอ้างอิงกับภาพ
ตรวจสอบ asset ที่แอนิเมชันต้องใช้ เพิ่มภาพที่หายไป และเลือก asset ที่จะใช้หากมีตัวเลือกที่ชื่อเดียวกัน
ตรวจสอบไฟล์ที่สร้างขึ้น
ตรวจสอบภาพและการเคลื่อนไหวในหน้าตัวอย่างที่โหลด JSON ใหม่หลังฝังภาพ แล้วบันทึก
วิธีใช้งาน
เพิ่ม JSON และภาพที่จำเป็น
เพิ่ม Lottie JSON และภาพที่ถูกอ้างอิง การคงโครงสร้างโฟลเดอร์ไว้ตอนเพิ่มจะช่วยให้ตรวจสอบการจับคู่กับการอ้างอิงได้ง่ายขึ้น
ตรวจสอบเป้าหมายและการจับคู่ภาพ
เลือกแอนิเมชันเป้าหมายและตรวจสอบสถานะของภาพที่ถูกอ้างอิง แก้ไข asset ที่หายไปและตัวเลือกที่มีหลายรายการ
สร้าง JSON ที่ฝังภาพ
เมื่อแก้ไขการอ้างอิงครบแล้ว ให้เลือก “สร้าง JSON” ฟีเจอร์นี้ไม่ได้แทนที่ภาพด้วยภาพอื่น หรือสร้างภาพโดยอัตโนมัติ
ตรวจสอบหน้าตัวอย่างผลลัพธ์และบันทึก
ตรวจสอบการแสดงผลของ JSON ที่สร้างแล้วและดาวน์โหลด การเปลี่ยนความเร็วหรือพื้นหลังเพื่อตรวจดูจะไม่เปลี่ยน JSON ที่คุณบันทึก
มีประโยชน์สำหรับ
ส่งมอบแอนิเมชันพร้อมภาพในไฟล์เดียว
ฝังภาพที่จำเป็นไว้ใน JSON เพื่อแชร์ไฟล์เดียว ลดความเสี่ยงที่จะลืมส่งภาพแยกต่างหาก
รวมการอ้างอิงภาพภายนอก
เตรียมไฟล์ที่ฝังภาพที่ถูกอ้างอิงไว้ เพื่อเลี่ยงพาธภาพแบบสัมพัทธ์ที่ใช้ไม่ได้ในปลายทาง
การฝังภาพและรูปแบบไฟล์
จากการอ้างอิงภายนอกสู่ data URI
โดยทั่วไปจะอ้างอิงด้วยพาธภาพหรือชื่อไฟล์ แต่เมื่อฝังภาพ JSON จะรวมข้อมูลที่แสดงภาพเป็นสตริงไว้
การฝังภาพไม่ช่วยลดขนาดไฟล์
Base64 ทำให้ข้อมูลภาพมีขนาดประมาณ 4/3 ของขนาดเดิม JSON ที่มีภาพจึงใหญ่กว่า JSON ต้นฉบับ ให้ตรวจสอบขนาดไฟล์หลังบันทึกด้วย
การฝังใน JSON และการรวมเป็น .lottie
หน้าจอนี้รวมข้อมูลภาพไว้ในไฟล์ JSON ไฟล์เดียว ส่วน .lottie จะรวม JSON และ asset เป็นแพ็กเกจที่บีบอัด ให้เลือกตามรูปแบบที่ปลายทางรองรับ
คำถามที่พบบ่อย
การฝังภาพทำให้ไฟล์ใหญ่ขึ้นหรือไม่
ได้ ข้อมูลภาพจะถูกเพิ่มเข้าไปใน JSON ต้นฉบับและแสดงในรูปแบบ Base64 ไฟล์จึงมักใหญ่ขึ้น นี่ไม่ใช่ฟีเจอร์บีบอัดภาพเพื่อลดขนาดไฟล์
ต่างจากการแพ็กเป็น .lottie อย่างไร
ผลลัพธ์ต่างกัน หน้าจอนี้สร้าง JSON ที่มีภาพอยู่ข้างใน ขณะที่การแพ็ก Lottie พร้อมภาพจะสร้างไฟล์ .lottie ที่รวม asset ไว้ด้วย ให้เลือกตามรูปแบบที่แอปหรือไลบรารีของคุณรองรับ
จะเกิดอะไรขึ้นหากภาพที่ถูกอ้างอิงหายไป
คุณต้องเพิ่ม asset ที่หายไป หากมีตัวเลือกหลายรายการที่ชื่อเดียวกัน ให้เลือกไฟล์ที่จะใช้ จะยังสร้าง JSON ไม่ได้จนกว่าการอ้างอิงที่จำเป็นจะถูกแก้ไขครบถ้วน
ภาพถูกดึงอัตโนมัติจาก URL ของภาพหรือไม่
ภาพจะไม่ถูกดึงจาก URL ของภาพภายนอกโดยอัตโนมัติ ให้เพิ่ม asset ที่จำเป็นจากไฟล์ในเครื่องของคุณ และตรวจสอบการอ้างอิงที่ตรงกัน
JSON หรือภาพต้นฉบับถูกเปลี่ยนหรือไม่
ไฟล์ต้นฉบับจะไม่ถูกเขียนทับ ระบบจะบันทึกไฟล์ JSON ใหม่ หากเปลี่ยนเป้าหมายหรือการจับคู่ asset ให้สร้างใหม่อีกครั้ง
แปลง Lottie ทุกไฟล์เป็น JSON ได้หรือไม่
อินพุตต้องโหลดเป็น Lottie ได้ และต้องแก้ไข asset ที่จำเป็นครบถ้วน หน้าจอนี้ไม่สามารถสร้างผลลัพธ์จากอินพุตที่มีส่วนขยายซึ่งยกเลิกไม่ได้ เช่น ธีมหรือสถานะแบบโต้ตอบ
อินพุตและผลลัพธ์
- อินพุต
- Lottie JSON และภาพในเครื่องที่จำเป็น โหลดไฟล์ .lottie และ ZIP ได้เช่นกัน ฟีเจอร์นี้ไม่ได้แปลง JSON ทั่วไปเป็นวิดีโอ
- ผลลัพธ์
- แอนิเมชันที่เลือกไว้หนึ่งรายการ เป็น JSON ที่ฝังข้อมูลภาพที่ถูกอ้างอิงไว้
- ตรวจสอบ
- บันทึกเมื่อมีหน้าตัวอย่างของผลลัพธ์ที่สร้างแล้ว หากเพิ่ม asset หรือเปลี่ยนการจับคู่ ให้สร้างใหม่อีกครั้ง