Lottie أم GIF أم MP4: أي تنسيق رسوم متحركة تختار؟

ثلاثة ملفات قد تحمل الحركة نفسها وتعطي نتائج مختلفة تماماً على الشاشة. الاختيار بين Lottie وGIF وMP4 ليس مسألة ذوق، بل مسألة أين سيُعرض الملف وماذا يجب أن يحمله.

السؤال العملي الأول هو الوسيط: صفحة ويب حية، أو رسالة تحتاج شيئاً يعمل وحده، أو مقطع فيديو يُرفع إلى منصة. الجواب يحدد الصيغة قبل أن تبدأ التصميم، ويوفر عليك إعادة العمل لاحقاً. والسؤال الذي يجمع ذلك كله هو Lottie أم GIF أم MP4، وهذه المقارنة تجيب عنه بثلاثة معايير.

القرار في جملة واحدة

اختر Lottie عندما تكون الحركة رسوماً متجهية ستُعرض داخل واجهة وتحتاج إلى مقاسات مختلفة. اختر GIF عندما تحتاج ملفاً يعمل في أي مكان بلا مشغل ويقبل الألوان المحدودة. اختر MP4 عندما تكون الحركة فيديو بزمن حقيقي، ويكون الحجم وجودة الصورة فيه أهم من الشفافية.

ما يحمله كل تنسيق فعلاً

Lottie ملف JSON يصف هندسة متجهية وطبقات وحركة، وهو التنسيق الذي يصدّره Bodymovin من أدوات الرسوم. لأنه يخزن الهندسة لا الصور، يمكن عرض الملف بالمقاس الذي تريده دون بكسلة، وهذا مكسبه الأساسي. الملف نفسه يبقى نصاً، وقيمه قابلة للمقارنة والمراجعة.

GIF صيغة تعتمد لوحة ألوان من 8 بتات، أي 256 لوناً كحد أقصى في الإطار الواحد. لا صوت فيه، وضغطه بين الإطارات ضعيف، ولهذا تكبر ملفاته بسرعة في الحركات الطويلة. وضوحه يأتي من التوافق لا من الجودة.

الشفافية في GIF ثنائية أيضاً، إما لون معتم أو شفاف بلا درجات وسطى. أي ظل ناعم فوق خلفية متغيرة سيظهر بحدّ حاد أو بإطار باهت حول الحواف.

MP4 بترميز H.264 يعتمد ضغطاً بين الإطارات، فيحافظ على حجم معقول وجودة مقبولة في الحركة المستمرة. لكن الشفافية فيه ليست محمولة كما يعتقد كثيرون، فقناة ألفا في MP4/H.264 لا تنتقل بين المشغلات والمنصات بشكل موثوق.

الأرقام التي تحسم الحجم واللون

مثال على فرق اللون. عشرة ثوانٍ بمعدل 10 إطارات في الثانية تعني 100 إطار. كل إطار في GIF محدود بـ256 لوناً، مقابل 16,777,216 لوناً ممكناً في 24 بت، أي أن اللوحة تغطي جزءاً واحداً من 65,536 من ذلك الفضاء اللوني. التدرجات الناعمة أول ما ينهار، والسماء والبشرة أكثر ما يفضح الفرق.

مثال على فرق الحجم. المدة نفسها كملف MP4 بمعدل 2 ميغابت في الثانية تعني 2,000,000 × 10 ÷ 8 = 2,500,000 بايت، أي 2.5 ميغابايت تقريباً. الحركة المتجهية البسيطة قد تبقى في Lottie أقل من ذلك بكثير، لأن الملف يخزن الأوامر لا الصور.

هذه الحسابات تقريبية، لكنها كافية للمقارنة بين الصيغ قبل التنفيذ. الفارق الحقيقي يظهر بعد التصدير، وهذا سبب وجيه لتجربة مقطع قصير قبل الطويل.

التوافق وأين ينكسر الوعد

ثمة عبارة تُقال كثيراً عن أن Lottie يعمل في كل مكان، وهي غير دقيقة. Lottie يحتاج مكتبة أو برنامجاً يعرضه، وليس مشغلاً وسائطياً يفتح أي ملف. أما GIF فيعمل في أي متصفح تقريباً، وهذا سبب بقائه رغم عيوبه البصرية.

طريقة العرض تختلف مع كل صيغة. GIF يُوضع في الصفحة كصورة فيُشغّل تلقائياً، وLottie يحتاج مكتبة تعرضه داخل الصفحة، وMP4 يُعرض في مشغل فيديو. اختيار الصيغة يعني اختيار هذه الطريقة مقدماً لا بعد التسليم.

قوائم التصدير في المحرر تذكر MP4 وWebM وGIF وسلاسل الصور. القائمة تصف خيارات متاحة، لكن أثر الترميز على الجودة لا يظهر فيها، والملف الناتج نفسه هو ما يستحق الفحص قبل التسليم.

أي خيار تختار

إذا كانت الحركة ستُعرض داخل واجهة ويب وتتكرر بمقاسات مختلفة، فالاتجاه إلى Lottie هو الأوضح. إذا كانت ستُرسل في بريد أو تُلصق في مستند يحتاج ملفاً مستقلاً يعمل بضغطة، فـGIF يتفوق في البساطة لا في الجودة. وإذا كانت الحركة أطول من بضع ثوانٍ وتحمل مشاهد متعددة، فـMP4 هو الخيار العملي.

قاعدة أخيرة تفيد في التخطيط. اختر الصيغة التي تقبل التنازل الأصغر بالنسبة لمشروعك: التنازل عن الألوان في GIF، أو عن الشفافية في MP4، أو عن مشغل جاهز في Lottie.

الصوت يحسم حالات أخرى. لا مكان للصوت في Lottie ولا في GIF، وMP4 هو الوحيد من الثلاثة الذي يحمل مساراً صوتياً عادة. إذا كان الشرح يعتمد على تعليق صوتي فلا خيار أمامك عملياً.

أضف إلى ذلك مدة بقاء الملف. الحركة التي ستبقى على صفحة سنوات تحتاج صيغة تُفتح بعد سنوات، لا صيغة تعتمد على مكتبة قد تتغير أو تتوقف.

الطريق داخل المتصفح

افتح محرر المونتاج والمؤثرات وجرّب التصدير بصيغتين مختلفتين على المشروع نفسه، ثم افتح الملفين وقارن الحجم والحدود البصرية. لفهم بنية Lottie حقلاً بحقل، اقرأ ما هو ملف Lottie وكيف يعمل؟. وإذا كان سؤالك أوسع من الصيغة، فدليل الموشن جرافيك أم الرسوم المتحركة يشرح الفرق في النية قبل الفرق في الملف.