Innovation 36T | i36T

لماذا حجم شعارك المتحرك 5 ميغابايت — وكيف تنزله تحت 200 كيلوبايت

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

مثال حقيقي

بدأ هذا المشروع من شعار متحرك أُنتج بإحدى أشهر أدوات GIF على الإنترنت. كان شكله سليماً، لكن استخدامه كان مستحيلاً:

الخاصيةالملف الأصلي
الأبعاد1920 × 544
عدد الإطارات59 إطاراً، كل واحد مخزَّن كاملاً
ضغط الفروق بين الإطاراتلا يوجد
حجم الملف5.52 ميغابايت

ثلثا هذه الإطارات كانت مطابقة تماماً للإطار الذي قبلها، ولم يحذف أحد التكرار. إعادة ضغط الملف نفسه — دون إعادة إنتاجه — أنزلته إلى 294 كيلوبايت. وإعادة إنتاج الحركة نفسها بعرض 640 بكسل تعطي 109 كيلوبايت بصيغة GIF، أو 58 كيلوبايت بصيغة SVG.

هذا ليس تحسيناً بسيطاً، بل الفرق بين أصل تستطيع وضعه في توقيع بريدك وأصل لا يمكن استخدامه إطلاقاً.

من أين يأتي الحجم

1. التصدير بدقة المصدر

الشعار الذي يُعرض بعرض 240 بكسل لا يحتاج إلى 1920 بكسل، وصيغة GIF لا تستطيع تصغير الصورة أثناء العرض. كل بكسل زائد يُخزَّن في كل إطار. تقليل الضلع الأطول إلى النصف يحذف نحو ثلاثة أرباع البيانات قبل أي تحسين آخر.

2. تخزين إطارات كاملة بدل الفروق

في تأثير لمعان الضوء، تبقى معظم الصورة ثابتة بين إطار وآخر ولا يتحرك سوى شريط الضوء. المُرمِّز البسيط يعيد كتابة الصورة كاملة 59 مرة. أما كتابة البكسلات المتغيرة فقط، وترك الباقي شفافاً ليظهر الإطار السابق، فتوفّر نحو 3.2 أضعاف: في الإعداد الافتراضي بعرض 640 بكسل ينزل الملف من 433 إلى 134 كيلوبايت.

ولهذه الطريقة حد واحد يستحق المعرفة: لا تعمل إلا إذا بقيت شفافية الشعار ثابتة طوال الحركة. التحريك أو التقريب يغيّر أي البكسلات معتمة، فتصبح الطريقة غير آمنة ويعود المُرمِّز إلى الإطارات الكاملة. لذلك يكون ملف الشعار المتحرك بالتقريب أكبر بعدة أضعاف، ويفضَّل تشغيله بـ 15 إطاراً في الثانية.

3. لوحة ألوان لكل إطار

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

4. معاملة عدد الإطارات على أنه جودة

25 إطاراً في الثانية منطق فيديو. لمعان الشعار يظهر ممتازاً عند 20 إطاراً، وحركات الكاميرا تكفيها 15. النزول من 25 إلى 15 يحذف 40% من الإطارات ولا يكاد يغيّر الإحساس بالنعومة.

الحل الذي ليس GIF أصلاً

إذا كانت الحركة تدرجاً لونياً يمر فوق التصميم — وهذا هو تأثير اللمعان — فلا داعي لتخزينها كإطارات. يمكن وصفها كشيفرة: الصورة مضمَّنة مرة واحدة، مع تدرج لوني وحركة CSS. هذا هو شعار SVG المتحرك، وله شفافية كاملة بـ 8 بت بدل بت واحد في GIF، ويبقى حاداً عند أي حجم، وفي شعارنا التجريبي حجمه 58 كيلوبايت مقابل 109.

لكنه صيغة ويب، فلا يصلح للبريد الإلكتروني. أما في ترويسة الموقع فهو أفضل من GIF بلا منافسة.

أحجام عملية

مكان الاستخدامالحد المناسبالمقاس
توقيع البريد الإلكترونيأقل من 500 كيلوبايت320–480 بكسل
إيموجي سلاكأقل من 128 كيلوبايت128 × 128
إيموجي ديسكوردأقل من 256 كيلوبايت128 × 128
ترويسة موقعSVG أو GIF أقل من 200 كيلوبايت480–640 بكسل
جرّبها على شعارك استعرض 138 تأثيراً

الأسئلة الشائعة

لماذا حجم ملف GIF كبير رغم أن الحركة قصيرة؟

المدة نادراً ما تكون السبب. الحجم تحدده أبعاد الصورة بالبكسل، وما إذا كان المُرمِّز يخزّن كل إطار كاملاً. حركة مدتها ثانيتان بعرض 1920 بكسل دون ضغط للفروق تتجاوز عدة ميغابايتات، بينما الحركة نفسها بعرض 640 بكسل مع حذف البكسلات الثابتة تبقى غالباً تحت 150 كيلوبايت.

هل تقليل حجم GIF يفقده الجودة؟

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

هل صيغة WebP أو MP4 أصغر من GIF؟

نعم وبفارق كبير. لكن GIF ما زالت تُستخدم بسبب التوافق: تعمل في برامج البريد وسلاك وديسكورد حيث لا يعمل ملف الفيديو. اختر الصيغة حسب مكان الاستخدام لا حسب كفاءة الضغط.