تخطَّ إلى المحتوى

كيف تحوّل موقعًا إلكترونيًا إلى GIF متحرك يُمرَّر

اصنع GIF متحركًا لصفحة ويب تُمرَّر، من رابطها، وأبقِ الملف صغيرًا بما يكفي للبريد والمستندات وملفات README. ومتى تستخدم GIF، ومتى يكون MP4 الخيار الأفضل.

Aviral Lakhanpaulآخر تحديث مدة القراءة: 2 دقيقة

الإجابة المختصرة

الصق رابط الصفحة في أداة تصدّر GIF، مثل Website Scroll Video، واجعل التمرير أقل من 20 ثانية بدقة 720p أو 1080p وبمعدل 24 fps أو أقل، ثم صدّر. GIF هو الخيار الصحيح حيث لا يعمل الفيديو، كالبريد الإلكتروني وبعض المستندات؛ أما في كل مكان آخر فملف MP4 أو WebM للتمرير نفسه أوضح وأصغر بأضعاف.

متى يكون GIF هو الصيغة المناسبة

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

  • استخدم GIF في رسالة بريد إلى عميل أو في نشرة بريدية، وفي ملف README أو issue على GitHub، وفي المستندات وصفحات الويكي التي لا تضمّن الفيديو، وفي تطبيقات الدردشة التي تعرض GIF داخل المحادثة.
  • استخدم MP4 أو WebM على موقعك، وفي منشورات التواصل، وفي معارض الأعمال، وفي أي مكان يعمل فيه وسم <video>. الحركة نفسها، بألوان أفضل، وبجزء صغير من الحجم.

اصنع ملف GIF

  1. الصق الرابط

    على الصفحة الرئيسية، الصق العنوان ودع الصفحة تُحمَّل. تُزال إشعارات الكوكيز وأدوات المحادثة قبل التقاط أي شيء.

  2. اختر GIF صيغةً

    الإعدادات التي لا يحتملها GIF تُقيَّد تلقائيًا: 24 fps كحد أقصى، و1080p كحد أقصى، و20 ثانية كحد أقصى.

  3. اجعله قصيرًا وهادئًا

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

  4. عاين، ثم صدّر

    المعاينة مجانية. صدّر حين تبدو النتيجة كما تريد، ويُنزَّل ملف GIF مثل أي ملف آخر.

إبقاء الملف صغيرًا

يكبر حجم GIF مع كل بكسل، وكل إطار، وكل لون يتغير. وهذه العوامل مرتبة تقريبًا حسب أثرها:

ما الذي يكبّر حجم GIF التمرير
الإعدادملف أصغرلماذا
الدقة720p بدل 1080pأقل من نصف البكسلات في كل إطار
المدةمن 6 إلى 10 ثوانٍكل ثانية تعني 24 إطارًا كاملًا إضافيًا
معدل الإطارات24 fps أو أقللا يكاد GIF يعرف ضغط الحركة
الخلفيةلون مسطّح، بلا حبيباتحبيبات الفيلم والصور الفوتوغرافية تغيّر كل بكسل في كل إطار
الصفحةنطاق تمرير أقصرحركة أقل في كل إطار، وبكسلات جديدة أقل

طرق أخرى لصنع GIF لموقع

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

جرّبه على موقعك

الصق رابطًا وعاين التمرير مجانًا. 51 رصيدًا مجانيًا عند التسجيل، بلا بطاقة ائتمان، وبلا علامة مائية على أي شيء تصدّره.

عمليات البحث الأخيرة

    أسئلة وأجوبتها

    إجابات مختصرة عمّا يسأل عنه الناس بعد ذلك.

    اتصل بنا
    كيف أصنع GIF لموقع يُمرَّر؟

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

    لماذا حجم GIF موقعي كبير جدًا؟

    لأن GIF يخزّن كل إطار تقريبًا كاملًا، فتتضاعف الدقة والمدة ومعدل الإطارات معًا. انزل إلى 720p، واجعل المدة أقل من عشر ثوانٍ، وتجنّب الخلفيات الفوتوغرافية أو المحبّبة.

    هل يعمل GIF داخل رسالة البريد الإلكتروني؟

    نعم في معظم تطبيقات البريد، وهذا هو السبب الرئيسي لاختياره. بعض برامج سطح المكتب لا تعرض إلا الإطار الأول، فتأكد أن الإطار الأول يؤدي الغرض وحده.

    شعار Website Scroll Video: زر تشغيل فوق صفحة ويب داخل نافذة متصفح.

    وقت أقل في التسجيل. وقت أكثر في البناء.

    أتمتِم تسجيلات المواقع بحركة قابلة للتخصيص وتحكم ذكي وخيارات تصدير مصمَّمة للمبدعين اليوم.