طريقة تضمين صورة في بريد HTML

بقلمpiclinkadmin

هناك ثلاث طرق لإدراج الصور في رسالة بريد HTML. وبالنسبة لمعظم الناس، يُعد رابط الصورة المستضافة الأكثر موثوقية.

1. صورة مستضافة (موصى بها)

ارفع الصورة واستخدم رابطها المباشر:

<img src="https://your-image-link.jpg" width="600" alt="Spring sale banner" style="display:block;border:0">
  • تعمل في Gmail وOutlook وApple Mail وغيرها
  • تُبقي حجم الرسالة صغيرًا
  • قد تُخفى الصور حتى يضغط القارئ «عرض الصور»، لذا أضف دائمًا نصًا بديلًا

احصل على رابط خلال ثوانٍ مع أداة تحويل صورة إلى رابط.

2. CID (مرفقة ومشار إليها)

تُرفق الصورة بالرسالة ويُشار إليها بـ cid:logo123. تعرضها معظم برامج البريد المكتبية، لكن بعض خدمات البريد عبر الويب تعرضها كمرفق أيضًا، كما أنها تزيد حجم الرسالة.

3. Base64 (بيانات مضمّنة)

تُرمَّز الصورة داخل HTML بصيغة data:image/png;base64,…. وتحظرها أو تتجاهلها عدة برامج بريد كبرى، منها Gmail، لذا يُفضَّل تجنّبها للصور المهمة.

نصائح

  • حدّد سمتي width وheight حتى لا يقفز التخطيط.
  • اجعل حجم كل صورة أقل من نحو 200 كيلوبايت.
  • استخدم JPG للصور الفوتوغرافية وPNG للشعارات ذات الخلفية الشفافة.
  • لا تضع النصوص المهمة داخل الصور فقط.
  • تأكد من أن رابط الصورة لن تنتهي صلاحيته قبل أن يفتح الناس الرسالة.

مقالات مشابهة