הטמעת תמונות ב-JSON של Lottie
הוסיפו JSON של Lottie ואת התמונות הנדרשות, והטמיעו את תמונות האנימציה שנבחרה בקובץ JSON אחד. ניתן לטעון גם קבצי .lottie ו-ZIP. פתרו את ההפניות, בדקו את תנועת האנימציה שנוצרה, ומסרו אותה כ-JSON הכולל תמונות.
מה אפשר לעשות
הצבת תמונות בתוך JSON
החלפת ההפניות לקבצים חיצוניים בנתוני תמונה כדי ליצור JSON של Lottie הכולל תמונות.
התאמת הפניות לתמונות
בדוק את הנכסים הנדרשים על ידי האנימציה. הוסף תמונות חסרות ובחר אילו נכסים להשתמש אם יש מועמדים בשם זהה.
בדיקת הקובץ שנוצר
בדוק תמונות ותנועה בתצוגה מקדימה שטוענת מחדש את ה־JSON לאחר ההטמעה, ואז שמור אותו.
איך להשתמש
הוספת JSON והתמונות הנדרשות
הוסף JSON של Lottie ואת התמונות שאליהן הוא מפנה. שמירת מבנה התיקיות בעת ההוספה מקלה על בדיקת ההתאמה להפניות.
בדיקת היעד ומיפויי התמונות
בחר את האנימציה היעדית ובדוק את מצב התמונות המופנות. פתור נכסים חסרים ומועמדים מרובים.
יצירת JSON עם תמונות מוטמעות
לאחר שכל ההפניות נפתרו, בחר «יצירת JSON». תכונה זו אינה מחליפה תמונות באחרות ואינה יוצרת תמונות אוטומטית.
בדיקת תצוגת התוצאה ושמירה
בדוק את תצוגת ה־JSON שנוצר והורד אותו. שינוי המהירות או הרקע לצורך בדיקה אינו משנה את ה־JSON שנשמר.
שימושים מועילים
מסירת אנימציה עם התמונות בקובץ אחד
כלול את התמונות הנדרשות בתוך JSON כדי לשתף אותו ולהקטין את הסיכון לשכוח לשלוח תמונות בנפרד.
אריזת הפניות לתמונות חיצוניות
הכנת קובץ עם תמונות מופנות מוטמעות כדי למנוע נתיבי תמונה יחסיים שבורים ביעד.
הטמעת תמונות ופורמטי קבצים
מהפניות חיצוניות ל־data URI
בדרך כלל מפנים לנתיבי תמונות או לשמות קבצים. בעת הטמעה, ה־JSON כולל נתונים המייצגים תמונות כמחרוזות.
הטמעה אינה מקטינה את גודל הקובץ
Base64 הופך את נתוני התמונה לכ־4/3 בערך מגודלם המקורי. JSON הכולל תמונות גדול מה־JSON המקורי, ולכן בדוק גם את גודל הקובץ לאחר השמירה.
הטמעת JSON ואריזת .lottie
מסך זה כולל את נתוני התמונה בקובץ JSON אחד. .lottie אורז את ה־JSON ואת הנכסים לחבילה דחוסה. בחר לפי הפורמטים שהיעד מקבל.
שאלות נפוצות
האם הטמעת תמונות מגדילה את גודל הקובץ?
כן. נתוני התמונה נוספים ל־JSON המקורי ומיוצגים ב־Base64, ולכן הקובץ בדרך כלל גדול יותר. זו אינה תכונה לדחיסת תמונות לצורך הקטנת גודל הקובץ.
כיצד זה שונה מאריזה כ־.lottie?
הפלט שונה. מסך זה יוצר JSON הכולל תמונות, ואילו «אריזת Lottie עם תמונות» יוצר קובץ .lottie עם נכסים ארוזים. בחר לפי הפורמטים שהאפליקציה או הספרייה שלך תומכים בהם.
מה קורה אם תמונות מופנות חסרות?
עליך להוסיף את הנכסים החסרים. אם יש כמה מועמדים בשם זהה, בחר את הקובץ לשימוש. לא ניתן ליצור JSON עד שההפניות הנדרשות ייפתרו.
האם תמונות נמשכות אוטומטית מכתובות URL של תמונות?
תמונות אינן נמשכות אוטומטית מכתובות URL חיצוניות של תמונות. הוסף את הנכסים הנדרשים מהקבצים המקומיים שלך ובדוק את ההפניות המתאימות.
האם ה־JSON או התמונות המקוריים משתנים?
קבצי המקור אינם נדרסים. נשמר קובץ JSON חדש. לאחר שינוי היעד או מיפויי הנכסים, צור אותו מחדש.
האם כל קובץ Lottie ניתן להמיר ל־JSON?
הקלט חייב להיטען כ־Lottie, עם כל הנכסים הנדרשים פתורים. מסך זה אינו יכול ליצור פלט מקלט הכולל הרחבות שלא ניתן להעביר, כגון ערכות נושא או מצבים אינטראקטיביים.
קלט ותוצאות
- קלט
- JSON של Lottie והתמונות המקומיות הנדרשות. ניתן גם לטעון קבצי .lottie ו־ZIP. תכונה זו אינה הופכת JSON כללי לווידאו.
- פלט
- אנימציה נבחרת אחת. JSON עם נתוני התמונות שאליהן היא מפנה מוטמעים.
- בדיקה
- שמור לאחר שתצוגת המקדים של הפלט שנוצר זמינה. צור מחדש לאחר הוספת נכסים או שינוי מיפויים.