GIF أم MP4 أم WebM: المقطع نفسه بكل صيغة

تعود GIF إلى عام 1987. صُممت لرسوم بسيطة عبر أجهزة مودم بطيئة، واكتسبت الحركة بعد عامين، وما زالت الطريقة التي يشارك بها معظم الناس مقطعًا قصيرًا متكررًا. لنرى كم يكلف ذلك، حوّلنا مقطعين مدة كل منهما 10 ثوانٍ إلى GIF وMP4 وWebM بالحجم نفسه وقارنا الملفات.

الاختبار

صنعنا مقطعين، كل منهما 10 ثوانٍ من فيديو Full HD بـ30 إطارًا في الثانية، مرسومين بالشيفرة لنتمكن من إعادة رسم كل إطار أصلي لاحقًا للمقارنة:

• مقطع كاميرا: تحريك بطيء عبر صورة لبحيرة جبلية مع حبيبات خفيفة، كلقطات الهاتف.
• تسجيل شاشة: نافذة تطبيق يُكتب فيها نص ويكبر مخطط ويتحرك مؤشر الفأرة.

حُوّل كل منهما إلى 480 × 270، وهو حجم نموذجي لـGIF، بالمرمّزات نفسها في أدواتنا: محوّل الفيديو إلى GIF بإعداده الافتراضي 12 إطارًا في الثانية و128 لونًا (ومرة بـ24 إطارًا في الثانية)، ومحوّل الفيديو لـMP4 بترميز H.264 وWebM بترميز VP9، كلاهما بمعدل 231 كيلوبت في الثانية. ثم قارنا ثمانية إطارات من كل ملف بالإطارات الأصلية باستخدام SSIM، وهو مقياس لمدى تشابه صورتين، حيث 1 يعني التطابق.

النتائج

في مقطع الكاميرا الفجوة هائلة. كان GIF بـ16 ضعف حجم MP4، وعرض أقل من نصف الإطارات، وحصل مع ذلك على درجة أدنى. ومضاعفة معدل إطاراته إلى 24 ضاعفت الملف إلى 10.5 ميغابايت، أكثر من 30 ضعف MP4، دون أن تحسّن الصورة.

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

كيف يبدو الفرق

GIF، 5.3 ميغابايتMP4، 336 كيلوبايت

لا تستطيع GIF استخدام أكثر من 256 لونًا في الإطار، ومحوّلنا يستخدم 128 ما لم تطلب أكثر. الصورة الفوتوغرافية فيها مئات الآلاف، فيختار المرمّز لوحة ألوان لكل إطار ويستبدل كل بكسل بأقرب لون فيها. المساحات الناعمة كالماء تتكسر إلى أشرطة، والحبيبات الدقيقة في اللقطات تصير نقاطًا قاسية، ولأن لكل إطار لوحته الخاصة، تومض المساحات الساكنة قليلًا.

لماذا GIF أكبر بكثير

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

مرمّزات الفيديو مبنية على تلك الفكرة. يتنبأ H.264 وVP9 بكل إطار من الإطارات التي قبله، ويخزنان فقط ما أخطأ فيه التنبؤ، ويرميان تفاصيل لن تفتقدها العين. لهذا تزن 30 إطارًا في الثانية من الفيديو أقل من 12 إطارًا في الثانية من GIF.

MP4 أم WebM؟

بمعدل البت نفسه كان VP9 في ملف WebM أصغر بنسبة 13% من H.264 في ملف MP4 في مقطع الكاميرا، بدرجة أعلى قليلًا. وفي تسجيل الشاشة كان العكس: استخدم مرمّز H.264 أقل من ميزانيته في الأجزاء الساكنة وخرج أصغر، وكلاهما بجودة شبه مثالية. الفرق الأكبر هو التوافق:

• MP4 بترميز H.264 يعمل في كل مكان: كل متصفح وهاتف وتلفاز وتطبيق مراسلة ومحرر فيديو. إنه الافتراضي الآمن.
• WebM بترميز VP9 يعمل في كل المتصفحات الحالية وشائع على الويب، لكن بعض التطبيقات وأجهزة Apple القديمة تتعامل معه بشكل سيئ.

لصفحة تتحكم بها، WebM خيار جيد. ولكل ما ترسله للآخرين، استخدم MP4.

متى يبقى GIF مفيدًا

• البريد الإلكتروني. معظم برامج البريد تعرض GIF ولا تشغّل الفيديو. ما زال GIF قصير وصغير هو طريقة وضع الحركة في نشرة بريدية.
• الأماكن التي لا تقبل إلا الصور، كبعض المنتديات وأدوات الدردشة وأنظمة التوثيق.
• حلقات صغيرة بألوان قليلة: مؤشر تحميل، أو لقطة شاشة قصيرة لزر، أو ملصق.

كثير من المواقع التي تعرض «GIF»، ومنها خدمات البحث الكبيرة عن GIF والشبكات الاجتماعية، تقدّمها فعلًا كفيديو في الخلفية، للأسباب المذكورة أعلاه تحديدًا. وعلى صفحتك يمكنك فعل الشيء نفسه: عنصر فيديو بالخصائص autoplay وmuted وloop وplaysinline يتصرف كـGIF، ويعمل على الهواتف، ويكلّف جزءًا يسيرًا من البيانات.

<video src="loop.mp4" autoplay muted loop playsinline></video>

إن صنعت GIF فعلًا

• اجعله قصيرًا. الحجم يكبر مع كل إطار. ثانيتان إلى أربع تكفي عادةً لحلقة.
• اجعله صغيرًا. عرض 480 بكسل وافٍ لمعظم الاستخدامات؛ وكل مضاعفة للعرض تضاعف الحجم أربع مرات تقريبًا.
• استخدم 10 إلى 15 إطارًا في الثانية. الإطارات الإضافية تكلّف أكثر مما تضيف.
• تجنب لقطات الكاميرا قدر الإمكان. تسجيلات الشاشة والرسوم المتحركة تنضغط أفضل بكثير.

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