أحجام صور النشرات البريدية وحدود الوزن

اجعل حجم كل صورة في النشرة البريدية أقل من 100 KB، واضبط أبعاد الصور على ضعف عرض العرض الخاص بها، واستخدم صيغ JPG أو PNG بدلاً من WebP. يقوم Gmail باقتطاع أي رسالة تتجاوز لغة ترميز النص الفائق (HTML) الخاصة بها ما يقرب من 102 KB، ويستبدل الباقي برابط "عرض الرسالة بالكامل".

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

ما يقيسه حد الاقتطاع في Gmail بالفعل

يقيس Gmail مصدر HTML للرسالة، وليس الصور التي تربط بها. النشرة البريدية التي ترتبط بـ 10 صور كبيرة تظل ضمن الحد المسموح به، بينما الرسالة التي تحتوي على أنماط مدمجة ثقيلة وصور مدمجة لا تظل كذلك.

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

أحجام الصور الموصى بها للبريد الإلكتروني

قم بتصميم جسم البريد الإلكتروني بعرض 600 px واستصدر الصور بعرض 1200 px للشاشات عالية الكثافة. لقد استمر معيار 600 px لسنوات لأنه يناسب جزء المعاينة في كل عميل بريد إلكتروني لسطح المكتب دون الحاجة إلى التمرير الأفقي.

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

لماذا لا تزال صيغة WebP الخيار الخاطئ في البريد الإلكتروني

ما يزال دعم عملاء البريد الإلكتروني لصيغة WebP غير متكافئ، ويظل Outlook بشكل خاص غير متوقع. البريد الإلكتروني هو أحد الأماكن القليلة المتبقية التي تكون فيها الصيغ القديمة الآمنة هي القرار الصحيح.

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

اختيار الصيغة داخل البريد الإلكتروني

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

• JPG لصور المنتجات، وصور الترويسة، وأي صورة لمشهد حقيقي.
• PNG للشعارات والأيقونات والرسومات ذات الألوان المسطحة أو حواف النصوص الحادة.
• Animated GIF فقط عندما يحمل التحريك معنى، ويجب إبقاؤها أقل من 1 MB.
• تجنب WebP و AVIF، نظرًا لأن أياً منهما لا يعرض بشكل موثوق عبر جميع عملاء البريد.
• تجنب SVG تماماً، لأن معظم عملاء البريد الإلكتروني يحظرونها لأسباب أمنية.

يتم حظر الصور افتراضياً في العديد من العملاء

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

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

كيفية تحضير صور النشرة البريدية

للحفاظ على سرعة النشرة البريدية وإمكانية قراءتها، اتبع هذه الخطوات الـ 7.

1. صمم البريد الإلكتروني بعرض 600 px، وهو ما يعرضه كل عميل سطح مكتب دون تمرير.
2. قص كل صورة إلى الشكل الدقيق الذي ستشغله في التخطيط.
3. قم بتغيير الحجم إلى ضعف عرض العرض، ولا تزد على ذلك.
4. تحويل إلى JPG للصور الفوتوغرافية أو PNG للرسومات التي تحتوي على نص.
5. ضغط كل ملف ليصل إلى هدف أقل من 100 KB.
6. استضف الصور على منصة الإرسال الخاصة بك أو خادمك الخاص بدلاً من دمجها في الرسالة.
7. أرسل اختباراً إلى Gmail و Outlook وهاتف قبل جدولة الحملة.

الوزن الإجمالي للبريد الإلكتروني يهم أكثر من أي صورة بمفردها

اجعل حجم الرسالة بالكامل أقل من 600 KB بما في ذلك الصور، لأن المشتركين يفتحون النشرات البريدية على الهواتف، وغالباً على اتصالات ضعيفة. النشرة البريدية بحجم 5 MB تتحمل ببطء وتُغلق قبل أن تُعرض.

قم بعد الصور قبل ضغط أي شيء. النشرة البريدية التي تحتوي على 12 صورة بحجم 100 KB لكل منها تصل بالفعل إلى 1.2 MB، مما يشير إلى أن التخطيط يحتاج إلى صور أقل بدلاً من صور أصغر. عادةً ما يؤدي تقليل عدد الصور إلى تحسين الأداء وإمكانية القراءة، نظرًا لأن النشرات البريدية الطويلة المليئة بالصور نادراً ما تُقرأ حتى النهاية.

الوضع الداكن يغير كيفية ظهور الصور

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

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

شاشات Retina ووضوح الصور

صَدّر بضعف عرض العرض لتبقى الصور حادة على الشاشات عالية الكثافة، ثم اضغط بشكل أكبر لتعويض البكسلات الإضافية. تبدو الصورة بعرض 1200 px بجودة 70 أفضل عادةً ويكون وزنها أقل من صورة بعرض 600 px بجودة 95.

اضبط سمة العرض (width) في التنسيق على حجم العرض بدلاً من حجم الملف، حتى يعرض العميل الصورة بعرض 600 px أثناء استخدام التفاصيل الإضافية. إغفال سمة العرض يجعل بعض العملاء يعرضون الصورة بحجم بكسلها الكامل، مما يفسد التخطيط على سطح المكتب.

فحص الحملة قبل إرسالها

• أرسل اختباراً إلى Gmail و Outlook و Apple Mail وهاتف واحد على الأقل.
• شاهد الاختبار مع حظر الصور، لتتأكد من أن الرسالة ما زالت مفهومة.
• تحقق من عدم اقتطاع الرسالة في Gmail، والذي يعرض رابط "عرض الرسالة بالكامل" عند الاقتطاع.
• تأكد من أن كل صورة تحتوي على نص بديل (alt text) يصف ما تظهره.
• تحقق من العرض في الوضع الداكن، خاصة للشعارات والرسومات المسطحة.
• أضف الوزن الإجمالي لجميع الصور وتأكد من أنه يظل أقل من 600 KB.

تحضير حملة دفعة واحدة

قم بمعالجة كل صورة في النشرة البريدية معاً حتى تتشارك الحملة بأكملها مواصفات واحدة. تحتوي النشرة البريدية عادةً على 5 إلى 15 صورة، والمُرسِل الأسبوعي يحضر المئات على مدار العام.

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

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