SVGA
إن اختيار صيغة الرسوم المتحركة للهدايا وتأثيرات الدخول وثيمات الغرف هو قرار ستتعايش معه لسنوات. فهو يشكّل حزم تطوير البرمجيات (SDKs) للعميل، وسلسلة عمل المصممين، وفاتورة شبكة توزيع المحتوى (CDN)، وكيفية أداء تطبيقك على هاتف أندرويد بسعر $120. إليك مقارنة هندسية بين الصيغ التي تستخدمها تطبيقات البث المباشر وتطبيقات الدردشة الصوتية فعلياً، مع أرقام من كتالوجات حقيقية.
مقارنة سريعة
| الصيغة | الشفافية | الصوت | هدية نموذجية لمد 5 ثوانٍ | العرض (Rendering) | الأفضل لـ |
|---|---|---|---|---|---|
| SVGA 2.0 | نعم (قناة ألفا كاملة) | نعم، مدمج | 0.5-2 MB | طبقات أصلية على معالج الرسوميات (GPU) | الهدايا، تأثيرات الدخول، الثيمات |
| Lottie (JSON) | نعم (رسوم متجهية) | لا | 0.1-1 MB للرسوم المتجهية؛ 5-20 MB مع الصور | تنقيط الرسوم المتجهية لكل إطار | حركة واجهة المستخدم، الأيقونات، الشخصيات البسيطة |
| WebP المتحركة | نعم | لا | 1-4 MB | فك ترميز الصور | ملصقات الدردشة، الحلقات التكرارية الصغيرة |
| GIF | 1 بت فقط | لا | 3-12 MB | فك ترميز الصور | الملصقات القديمة |
| MP4 / H.264 | لا | نعم | 0.5-3 MB | مفكك ترميز الفيديو العتادي | العروض ملء الشاشة بدون تراكب (overlay) |
| تسلسل PNG | نعم | لا | 10-40 MB | فك ترميز الصور | لا شيء - قم بتحويلها |
SVGA: ما هي ولماذا تفوقت؟
إن SVGA (Simple Vector Graphics Animation) هي صيغة مفتوحة من تطوير شركة YY/Joyy. يحتوي الملف على صور الرسوم المتحركة، والمخطط الزمني للتحويل لكل إطار ولكل طبقة، ومنذ إصدار SVGA 2.0 أصبح يضم مقطع MP3 مدمجاً، مع ضغط zlib وترميز protobuf لكل ذلك. يتم عرضها عبر مشغل SVGAPlayer مفتوح المصدر على أنظمة Android وiOS وFlutter وReact Native والويب. ثلاث خصائص جعلتها المعيار الأساسي في هذا المجال: الشفافية الحقيقية (true alpha) لتطوف الهدايا فوق فيديو المذيع، والصوت المدمج داخل الملف بحيث يحتاج العميل لتنزيل واحد فقط، والطبقات المركبة بواسطة معالج الرسوميات (GPU) والتي لا تحتاج إلى مفكك ترميز فيديو - وهذا هو السبب في أن ملف SVGA بمعدل 20 fps يتم تشغيله بسلاسة بينما يتعثر تراكب فيديو MP4 بمعدل 30 fps على هاتف بذاكرة 2 GB.
Lottie: ممتازة لواجهة المستخدم، وغير مناسبة للهدايا المميزة
تُعد Lottie (Bodymovin JSON) بلا منافس بالنسبة لحركة الواجهات المتجهية: ملفات صغيرة، وحادة الدقة عند أي أبعاد، وسهلة التخصيص، وكل فريق تطوير للهواتف يدرج بالفعل مكتبات lottie-android وlottie-ios. لكن الهدايا المميزة ليست رسوماً متجهية. بل هي مجسمات ثلاثية الأبعاد واقعية تحتوي على جزيئات (particles) وتوهج وتأثيرات بؤرية (bokeh) وانعكاسات ضوئية. وعند تصديرها بأسلوب Lottie، تتحول إلى ملفات JSON ضخمة لطبقات الصور بدون صوت، كما أن تنقيط المشاهد المتجهية المعقدة في كل إطار يُعد مكلفاً على المعالجات المنخفضة المواصفات. النمط الذي تستقر عليه معظم المنصات هو: Lottie لواجهة المستخدم والشارات في التطبيق، وSVGA للهدايا والثيمات. (تتيح أداة Motion Graphics في SVGA Maker تصدير الاثنين، لذا يمكنك الاختيار لكل عنصر).
WebP وGIF: للملصقات وليست للتأثيرات
تُعد WebP المتحركة مدمجة وتدعم الشفافية (alpha)، لذا فهي مناسبة لملصقات الدردشة والتعبيرات التكرارية الصغيرة. وهي لا تحتوي على صوت، ولا توفر تحكماً في الطبقات، ويتم فك ترميزها عبر المعالج الرئيسي (CPU)، لذا فإن التأثيرات التي تستغرق 5 ثوانٍ بعرض الشاشة تتحول إلى ملفات بحجم 3-4 MB وتسقط الإطارات. أما GIF فهي أسوأ في كل جانب: 256 لوناً فقط، وشفافية 1 بت مع حواف حادة، وحجم 3-12 MB لكل هدية. لا تقم أبداً بإطلاق هدايا بصيغة GIF في عام 2026.
MP4: ترميز ممتاز، لكنه يفتقد الميزة الوحيدة التي تحتاجها
فيديو H.264/H.265 يتميز بحجمه الصغير وفك ترميزه عتادياً - لكنه لا يمكنه حمل قناة شفافية (alpha). تقوم بعض التطبيقات بتزييف الشفافية باستخدام مظلل الشاشة الخضراء (green-screen shader) أو فيديو الشفافية المزدوج الجانبي (بأسلوب VAP). هذا يعمل، لكن الحواف تومض، وكل جهاز يفك الترميز بشكل مختلف قليلاً، وستجد نفسك تتعهد بصيانة كود عرض مخصص. MP4 هي الخيار الصحيح فقط للعروض ملء الشاشة التي لا تتراكب فوق البث المباشر.
تسلسلات PNG: الصيغة التي يجب أن تحول منها
ما زال المصممون يسلمون تسلسلات PNG من برنامج After Effects. وهي خالية من الضغط وتدعم الشفافية - ولكن يتراوح حجمها بين 10-40 MB لكل هدية. قم بتحويلها (أو تحويل معاينة MP4) إلى SVGA قبل أن يصل أي شيء للعميل.
الأداء على الهواتف التي يمتلكها مستخدموك
تنمو تطبيقات الحفلات والدردشة بشكل أسرع في الأسواق المليئة بأجهزة تحوي ذاكرة 2-3 GB RAM. تكمن ميزة SVGA هناك في بنيتها الأساسية: طبقات تم تقديمها مسبقاً، وتجميع عبر GPU، وبدون الحاجة لتهيئة مفكك الترميز، وملفات صغيرة. حافظ على معدل الإطارات عند 20 fps للهدايا و12-15 للثيمات، واجعل العرض بين 384-720 px، واحفظ حجم الملفات تحت 2 MB. قم بالتحميل المسبق لأكثر عشر هدايا إرسالاً عند دخول الغرفة؛ وكل شيء آخر يمكن تحميله عند أول إرسال.
واقع الأدوات في عام 2026
كانت نقطة ضعف SVGA التاريخية هي الأدوات - إضافة لبرنامج After Effects، وتصدير PNG، وتحويل يدوي، ودون معاينة. لقد تم حل ذلك. يقوم SVGA Maker بإنشاء الهدايا من فكرة نصية، وتحويل أي فيديو إلى SVGA مع الصوت، وبناء ثيمات الغرف الصامتة، ومعاينة كل صيغة (SVGA وLottie وWebP وGIF وMP4) في المتصفح مع الصوت. وتدير الفرق في AppLooma LLC كتالوجات منصات كاملة من خلاله.
التوصية
- الهدايا، تأثيرات الدخول، ثيمات الغرف ← SVGA 2.0.
- واجهة المستخدم بالتطبيق، الشارات، شاشات التحميل ← Lottie.
- ملصقات الدردشة ← WebP المتحركة.
- العروض ملء الشاشة بدون تراكب ← MP4.
- صيغ GIF وتسلسلات PNG ← لا تستخدمها أبداً في البيئة الفعلية.
هل أنت مستعد لبناء الكتالوج؟ ابدأ بـ كيفية إنشاء هدايا SVGA لتطبيقات حفلات الغرف الصوتية.
ملاحظات الانتقال إذا كنت تتحول إلى SVGA
أضف SVGAPlayer إلى عملاء التطبيق (ساعات قليلة لكل منصة)، واحتفظ بمسار احتياطي (fallback) للإصدارات القديمة من التطبيق التي ما زالت تتوقع صيغتك السابقة، وقم بتحويل الكتالوج الحالي على دفعات - تتعامل أداة تحويل الفيديو إلى SVGA مع تصدير MP4 وWebM مع الصوت، كما يمكن عرض تسلسلات PNG كفيديو MP4 أولاً. أطلق أول 20 هدية أكثر إرسالاً أولاً، وقم بفياس سلاسة التشغيل على مصفوفة أجهزتك، ثم قم بنقل بقية الهدايا.
الأسئلة الشائعة
هل تدعم SVGA معدل 60 fps؟ نعم، ولكن الهدايا نادراً ما تحتاج إلى أكثر من 20-25 fps؛ والمعدلات الأعلى تزيد غالباً من حجم الملف فقط.
هل يمكن تشغيل ملف SVGA واحد على الويب أيضاً؟ نعم - يعرض SVGAPlayer-Web داخل عنصر canvas مع الصوت؛ الملف نفسه يخدم Android وiOS والويب.
كيف أعرض صورة مصغرة للهدايا في المتجر؟ قم بتصدير إطار ثابت بصيغة WebP أو PNG (تقوم أداة المصغرات المجانية بذلك) - لا تقم أبداً بتحميل الرسوم المتحركة لمجرد رسم شبكة العرض.
هل ما زالت SVGA مدعومة ومُحَدّثة؟ الصيغة مستقرة والمشغلات مفتوحة المصدر مع تفريغات (forks) نشطة؛ وتستخدمها آلاف التطبيقات يومياً، كما ينتج SVGA Maker ملفات SVGA 2.0 قياسية لا تحتاج إلى مشغل مخصص.
ماذا عن VAP أو صيغ فيديو الشفافية (alpha-video)؟ إنها تحل مشكلة الشفافية لملفات MP4 ولكنها تتطلب كود عرض مخصص على كل منصة ولا توفر تحكماً في الطبقات. معظم الفرق التي تقارن بين الاثنين تختار SVGA للهدايا.
أبرز النقاط المستفادة
- تُعد SVGA 2.0 الصيغة الرائدة الوحيدة التي توفر شفافية حقيقية وصوتاً مدمجاً وطبقات مركبة عبر معالج الرسوميات (GPU) - وهو بالضبط ما تحتاجه الهدايا.
- تظل Lottie الأداة المناسبة لحركة الواجهة؛ احتفظ بكلتيهما في التطبيق واختر حسب كل عنصر.
- الانضباط في الحجم أهم من اختيار الصيغة نفسها: 20 fps، 384-720 px، أقل من 2 MB لكل هدية، وأقل من 3 MB لكل ثيم.
- أزالت الأدوات الحديثة الصعوبات القديمة لـ SVGA - حيث أصبحت التوليد، والتحويل مع الصوت، والمعاينة في المتصفح عمليات بضغطة زر واحدة.
- قم بالانتقال على دفعات تبدأ بالهدايا الأكثر إرسالاً، واحتفظ بمسار احتياطي لإصدارات العميل القديمة.
إذا لم تكن متأكداً، فقم بتشغيل مشروع تجريبي لمدة أسبوعين: قم بتطوير/تحويل أكثر عشر هدايا إرسالاً إلى SVGA، وأطلقها عبر مفتاح ميزة (feature flag) لمنطقة واحدة، وقارن الجلسات الخالية من الأعطال، وزمن انتقال إرسال الهدايا، والاحتفاظ بالمستخدمين في الغرفة مقارنة بالصيغة القديمة. وفي كل مشروع تجريبي أجريناه، تفوق إصدار SVGA في المقاييس الثلاثة على الأجهزة المنخفضة المواصفات.
