صور GIF المتحركة في البريد الإلكتروني: 10 نصائح للحفاظ على أحجام الملفات صغيرة

نشرت: 2019-12-20

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

إذن ما الذي يجب على مسوق البريد الإلكتروني فعله؟ لدى Evan Diaz ، المصمم الرئيسي في Lucky Red Pixel ، الإجابات. إليك ما تعلمناه من عرض Litmus Live ، "إنشاء رسوم متحركة تسعد المشتركين وتساعدهم".

صغيرة ولكنها قوية: لماذا يعد الحفاظ على أحجام ملفات GIF منخفضة أمرًا بالغ الأهمية

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

ما هو الحجم الذي يمكن أن يكون عليه GIF في البريد الإلكتروني؟

بشكل عام ، كلما كان ملف GIF الخاص بك أصغر ، زادت سرعة تحميله في رسائل البريد الإلكتروني - وكلما كانت أوقات التحميل أقصر ، كانت التجربة أفضل للمشتركين لديك. ولكن ما هو الحد الأقصى لحجم الملف المقبول لملف GIF؟ ينصح إيفان بالحفاظ على الملفات أقل من 5 ميغا بايت. عند حجم 5 ميغابايت ، سيتعين على المشترك على الأرجح الانتظار بضع ثوانٍ حتى يتم تحميل الصور. هنا في Litmus ، نحاول الاحتفاظ بصور GIF أقل من 1 ميغابايت لضمان أوقات تحميل سريعة وعدم استهلاك الكثير من بيانات قرائنا في حالة فتح بريدنا الإلكتروني على الهاتف المحمول أثناء التنقل.

ركز على تحسين حجم الملف خلال عملية إنشاء GIF

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

1. التمسك بتحولات أبسط (أسرع AKA)

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

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

2. استخدم الرسوم التوضيحية على الصور عندما يكون ذلك ممكنًا

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

هل لاحظت الحركة الدقيقة في ملف GIF هذا من Marvel؟
يستخدم الكثير من الألوان ، لذا فإن التأثير على حجم الملف كبير.

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

3. تراكب الألوان للحد من لوحة الألوان في الصور

هناك طريقة أخرى لتقليل حجم الملف عندما تحتاج إلى استخدام صورة أو مقطع فيديو وهي تراكب لون واحد على GIF. يمنح التراكب أحادي اللون GIF صبغة على العلامة التجارية ويحد من عدد الألوان المختلفة التي يحتاج GIF لمعالجتها. النتيجة: أحجام ملفات أصغر!

4. عند تحويل مقطع فيديو إلى ملف GIF ، قم باستيراد كل إطار آخر إلى طبقة

سيحول Photoshop إطارات الفيديو إلى طبقات عندما تحدد ملف> استيراد> إطارات فيديو إلى طبقات. هذه أداة سهلة الاستخدام ، لكنها يمكن أن تؤدي إلى حجم ملف GIF هارب إذا لم تكن حريصًا.

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

5. حذف الإطارات المكررة

تذكر: كلما زاد عدد الإطارات التي تستخدمها في ملف GIF ، زاد حجم الملف. بعد استيراد ملف GIF الخاص بك إلى Photoshop ، يمكنك إلقاء نظرة على الرسوم المتحركة إطارًا تلو الآخر. إذا كانت هناك طبقات متعددة بنفس صورة الإطار ، فامنح التكرارات التمهيد.

هنا في Litmus ، غالبًا ما نستخدم EZGIF لتحسين صور GIF المتحركة الخاصة بنا. يمنحك مُحسِّن GIF المجاني عبر الإنترنت خيار حذف الإطارات المكررة بسهولة إذا لم يكن لديك وصول إلى Photoshop أو أداة مماثلة.

6. إذا قمت بإزالة الإطارات المكررة ، فاضبط التأخير للحفاظ على سرعة GIF

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

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

7. اختر تقليل اللون التكيفي

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

8. الحفاظ على "الشفافية" في وضع التشغيل

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

9. موازنة جدول الألوان بالتردد

أثناء التصدير ، لديك أيضًا خيار ضبط عدد الألوان المحفوظة في جدول ألوان ملف الصورة. كلما قل عدد الألوان ، قل حجم الملف. للحصول على أفضل مزيج من حجم الملف المحسّن لدقة اللون ، اختر:

  • 128-256 لونًا لمقاطع الفيديو
  • 64-128 لونًا للرسوم التوضيحية المتحركة

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

10. قم ببساطة بتقليل جودة الفيديو وحجم الملف باستخدام Lossy

هل ترغب في تحسين حجم ملف GIF الخاص بك دون الحاجة إلى كل التغييرات والتبديل في جداول الألوان والتردد؟ يؤدي تحديد مستوى فقدان من 20٪ إلى 40٪ إلى تقليل حجم الملف وبعض الجودة بضربة واحدة. يمكنك التلاعب بهذه النسب للعثور على توازن الجودة وحجم الملف المناسب لك.

شاهد حديث Evan الكامل Litmus Live

هل تبحث عن مزيد من النصائح حول كيفية إنشاء رسوم متحركة تسعد المشتركين وتساعدهم؟ يمكنك مشاهدة Evan الكامل Litmus Live Talk أدناه!

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

يمكن أن تضيف صور GIF الرائعة سياقًا ومتعة إلى رسالة بريد إلكتروني ، في حين أن صورة GIF السيئة يمكن أن تشتت الانتباه عن الرسالة أو تتسبب في تجنب المشتركين لرسائل البريد الإلكتروني الخاصة بك تمامًا. ما هي حيلك لتحسين صور GIF المتحركة للبريد الإلكتروني؟ نود أن نسمعهم في التعليقات أدناه!