ای میل نیوز لیٹر امیج سائز اور فائل کی حدود
Gmail 102 KB سے بڑے پیغام کاٹ دیتا ہے، اور تصاویر عام طور پر اس کی وجہ ہوتی ہیں۔ ہر کلائنٹ کیا برداشت کرتا ہے اور اس میں کیسے رہا جائے۔
ہر نیوز لیٹر امیج کو 100 KB سے کم رکھیں، تصاویر کو ان کے ڈسپلے سائز سے دوگنا سائز دیں، اور WebP کے بجائے JPG یا PNG استعمال کریں۔ Gmail ہر اس پیغام کو کاٹ دیتا ہے جس کی Hypertext Markup Language (HTML) تقریباً 102 KB سے تجاوز کر جاتی ہے، اور باقی حصے کو View entire message کے لنک سے بدل دیتا ہے۔
زیادہ تر بھیجنے والے کٹنگ کی اس حد کو برے تجربے سے دریافت کرتے ہیں، عام طور پر اس وقت جب ان سبسکرائب لنک اور ٹریکنگ پکسل کٹ کے نیچے چلے جاتے ہیں۔ تصاویر اکثر اس کی وجہ ہوتی ہیں، یا تو اس لیے کہ وہ پیغام میں براہ راست شامل ہوتی ہیں یا اس لیے کہ ان کے ارد گرد مارک اپ کئی مہمات کے دوران بڑھ چکا ہوتا ہے۔
Gmail کی کٹنگ لمٹ دراصل کیا ناپتی ہے
Gmail پیغام کے HTML سورس کو ناپتا ہے، ان تصاویر کو نہیں جن سے یہ لنک کرتا ہے۔ 10 بڑی تصاویر سے لنک کرنے والا نیوز لیٹر حد کے اندر رہتا ہے، جبکہ وزنی ان لائن اسٹائلنگ اور ایمبیڈڈ تصاویر والا پیغام نہیں رہتا۔
یہ فرق اس لیے اہم ہے کیونکہ حل مختلف ہوتا ہے۔ لنک شدہ تصاویر 102 KB کے اعداد و شمار میں شمار نہیں ہوتی ہیں، اس لیے کٹنگ عام طور پر بار بار ان لائن اسٹائلز، ہر لنک پر طویل ٹریکنگ پیرامیٹرز، یا base64 ڈیٹا کے طور پر ایمبیڈ کی گئی تصاویر کی وجہ سے ہوتی ہے۔ ایمبیڈڈ تصاویر کو ہٹانا اور مارک اپ کو کم کرنا کٹنگ کے مسئلے کو حل کرتا ہے، جبکہ لنک شدہ تصاویر کو کمپریس کرنا لوڈنگ کے وقت کو بہتر بناتا ہے۔
ای میل کے لیے تجویز کردہ امیج سائزز
ای میل باڈی کو 600 pixels کی چوڑائی پر ڈیزائن کریں اور ہائی ڈینسٹی اسکرینز کے لیے 1200 pixels پر ایکسپورٹ کریں۔ 600 pixel کا معیار سالوں سے برقرار ہے کیونکہ یہ افقی اسکرولنگ کے بغیر ہر ڈیسک ٹاپ کلائنٹ کے پریویو پین میں فٹ بیٹھتا ہے۔
| مقام | ڈسپلے چوڑائی | ایکسپورٹ چوڑائی | ٹارگٹ فائل سائز |
|---|---|---|---|
| فل وڈتھ ہیڈر | 600 px | 1200 px | 80 KB سے 100 KB |
| باڈی کی تصویر | 600 px | 1200 px | 60 KB سے 100 KB |
| دو کالم کی تصویر | 280 px | 560 px | 30 KB سے 50 KB |
| پروڈکٹ تھمب نیل | 150 px | 300 px | 15 KB سے 25 KB |
| لوگو | 200 px | 400 px | 20 KB سے کم |
ایکسپورٹ کی چوڑائی کو دوگنا کرنا ہائی ڈینسٹی ڈسپلے کو کاور کرتا ہے اور وہیں رک جاتا ہے۔ ڈسپلے کی چوڑائی سے 3 گنا ایکسپورٹ کرنے سے وہ وزن بڑھتا ہے جسے کوئی بھی ای میل کلائنٹ بہتر طور پر رینڈر نہیں کرتا، اور ای میل وہ واحد ذریعہ ہے جہاں فون پر ہر کلو بائٹ ڈاؤن لوڈ ہوتا ہے۔
ای میل میں WebP ابھی بھی غلط انتخاب کیوں ہے
WebP کے لیے ای میل کلائنٹ کی سپورٹ غیر ہموار رہتی ہے، اور خاص طور پر Outlook غیر متوقع رہتا ہے۔ ای میل ان چند جگہوں میں سے ایک ہے جہاں محفوظ پرانے فارمیٹس ہی درست فیصلہ ہیں۔
تمام ویب براؤزر WebP کی سپورٹ کرتے ہیں، جس کی وجہ سے لوگ یہ فرض کر لیتے ہیں کہ ای میل کلائنٹس بھی ایسا کرتے ہیں۔ ڈیسک ٹاپ Outlook بالکل مختلف انجن کے ساتھ پیغامات رینڈر کرتا ہے، اور کارپوریٹ میل کے کئی سسٹمز ان فارمیٹس کو ہٹا دیتے ہیں یا ان پر ناامید ہو جاتے ہیں جنہیں وہ نہیں پہچانتے۔ نیوز لیٹر میں ایک خراب تصویر اس 30 فیصد فائل بچت سے کہیں زیادہ مہنگی ہوتی ہے جو WebP فراہم کرے گا، اس لیے JPG اور PNG یہاں درست رہتے ہیں۔
ای میل کے اندر فارمیٹ کا انتخاب
تصاویر کے لیے JPG اور لوگو، بٹن اور ٹیکسٹ والے کسی بھی مواد کے لیے PNG کا استعمال کریں۔ اصول وہی ہے جو ویب پر ہے، اور نتائج زیادہ واضح ہیں کیونکہ ای میل کی تصاویر اکثر چھوٹی ہوتی ہیں۔
- پروڈکٹ کی تصاویر، ہیڈر امیجری اور حقیقی منظر کی کسی بھی تصویر کے لیے JPG۔
- لوگو، آئیکنز اور فلیٹ کلر یا تیز ٹیکسٹ کے کنارے والے گرافکس کے لیے PNG۔
- اینیمیٹڈ GIF صرف اس وقت جب اینیمیشن کا کوئی مطلب ہو، اور اسے 1 MB سے کم رکھا جائے۔
- WebP اور AVIF سے پرہیز کریں، کیونکہ دونوں تمام میل کلائنٹس پر قابل اعتماد طریقے سے رینڈر نہیں ہوتے ہیں۔
- SVG سے مکمل طور پر پرہیز کریں، کیونکہ زیادہ تر ای میل کلائنٹس سیکورٹی کی وجوہات کی بنا پر اسے بلاک کر دیتے ہیں۔
بہت سے کلائنٹس میں تصاویر بائی ڈیفالٹ بلاک ہوتی ہیں
بہت سے وصول کنندگان آپ کی ای میل کو تصاویر کی بندش کے ساتھ دیکھتے ہیں، اس لیے پیغام کا ٹیکسٹ کے طور پر کام کرنا ضروری ہے۔ کارپوریٹ میل سسٹمز اور پرائیویسی سے آگاہ صارفین دونوں ریموٹ تصاویر کو اس وقت تک بلاک رکھتے ہیں جب تک پڑھنے والا انہیں لوڈ کرنے کا انتخاب نہ کرے۔
ہر تصویر پر alt ٹیکسٹ لکھیں، کیونکہ بلاک شدہ تصاویر اس کی جگہ وہ ٹیکسٹ دکھاتی ہیں۔ کبھی بھی ضروری معلومات، بشمول پیشکش، آخری تاریخ یا کال ٹو ایکشن، صرف ایک تصویر کے اندر نہ رکھیں۔ مکمل طور پر ایک بڑی گرافک سے بنایا گیا نیوز لیٹر لسٹ کے ایک اہم حصے کے لیے ایک خالی مستطیل بن جاتا ہے، اور یہ اسکرین ریڈرز کے ساتھ بھی برا کارکردگی دکھاتا ہے۔
نیوز لیٹر کی تصاویر کیسے تیار کریں
نیوز لیٹر کو تیز اور پڑھنے کے قابل رکھنے کے لیے، ان 7 مراحل پر عمل کریں۔
- ای میل کو 600 pixels کی چوڑائی پر ڈیزائن کریں، جسے ہر ڈیسک ٹاپ کلائنٹ اسکرولنگ کے بغیر رینڈر کرتا ہے۔
- ہر تصویر کو اس کی درست شکل میں کراپ کریں جو وہ لے آؤٹ میں حاصل کرے گی۔
- ڈسپلے کی چوڑائی سے دوگنا سائز کریں، اور اس سے زیادہ نہیں۔
- تصاویر کے لیے JPG یا ٹیکسٹ والے گرافکس کے لیے PNG میں تبدیل کریں۔
- ہر فائل کو 100 KB سے کم کے ٹارگٹ پر کمپریس کریں۔
- پیغام میں ایمبیڈ کرنے کے بجائے اپنے بھیجنے والے پلیٹ فارم یا اپنے سرور پر تصاویر کی میزبانی کریں۔
- مہم کا شیڈول طے کرنے سے پہلے Gmail، Outlook اور ایک فون پر ٹیسٹ بھیجیں۔
ای میل کا کل وزن کسی بھی ایک تصویر سے زیادہ اہم ہے
تصاویر سمیت پورے پیغام کو 600 KB سے کم رکھیں، کیونکہ سبسکرائبرز فون پر اور اکثر خراب کنکشنز پر نیوز لیٹر کھولتے ہیں۔ ایک 5 MB کا نیوز لیٹر آہستہ لوڈ ہوتا ہے اور رینڈر ہونے سے پہلے بند ہو جاتا ہے۔
کچھ بھی کمپریس کرنے سے پہلے تصاویر شمار کریں۔ 100 KB کی 12 تصاویر پر مشتمل نیوز لیٹر پہلے ہی 1.2 MB پر ہوتا ہے، جس کا مطلب ہے کہ لے آؤٹ کو چھوٹی تصاویر کے بجائے کم تصاویر کی ضرورت ہے۔ تصاویر کی تعداد کم کرنے سے عام طور پر کارکردگی اور پڑھنے کی قابلیت دونوں میں بہتری آتی ہے، کیونکہ طویل اور تصاویر سے بھرپور نیوز لیٹرز کو شاذ و نادر ہی آخر تک پڑھا جاتا ہے۔
ڈارک موڈ تبدیل کرتا ہے کہ تصاویر کیسی نظر آتی ہیں
کئی کلائنٹس ڈارک موڈ میں رنگوں کو الٹ دیتے ہیں یا ایڈجسٹ کرتے ہیں، اور سفید پس منظر پر ایک لوگو تاریک پیغام میں ایک روشن مستطیل بن جاتا ہے۔ بھیجنے سے پہلے ڈارک موڈ میں ہر مہم کا ٹیسٹ کریں۔
لوگو اور آئیکنز کے لیے شفاف پس منظر والی PNG فائلیں استعمال کریں تاکہ وہ کسی بھی رنگ پر صحیح بیٹھیں۔ سفید پس منظر والی تصاویر سے پرہیز کریں جہاں ڈیزائن یہ فرض کرتا ہے کہ ان کے پیچھے کا صفحہ بھی سفید ہے۔ تصاویر عام طور پر محفوظ ہوتی ہیں، کیونکہ کلائنٹس فوٹو گرافی کے مواد کو شاذ و نادر ہی تبدیل کرتے ہیں، جبکہ فلیٹ گرافکس اور ٹیکسٹ امیجز میں ڈارک موڈ کے مسائل پیدا ہوتے ہیں۔
ریٹینا اسکرینز اور امیج کی تیزی
ڈسپلے کی چوڑائی سے دوگنا پر ایکسپورٹ کریں تاکہ تصاویر ہائی ڈینسٹی اسکرینز پر تیز رہیں، پھر اضافی پکسلز کی بھرپائی کے لیے مزید کمپریس کریں۔ 70 کی کوالٹی پر ایک 1200 pixel کی تصویر عام طور پر 95 کی کوالٹی پر 600 pixel کی تصویر سے بہتر نظر آتی ہے اور اس کا وزن بھی کم ہوتا ہے۔
مارک اپ میں width کے ایٹریبیوٹ کو فائل سائز کے بجائے ڈسپلے سائز پر سیٹ کریں، تاکہ کلائنٹ اضافی تفصیل کا استعمال کرتے ہوئے 600 pixels پر تصویر کو رینڈر کرے۔ width ایٹریبیوٹ کو چھوڑنے سے کچھ کلائنٹس تصویر کو اس کے مکمل پکسل سائز پر دکھاتے ہیں، جو ڈیسک ٹاپ پر لے آؤٹ کو توڑ دیتا ہے۔
بھیجنے سے پہلے مہم کی جانچ کرنا
- Gmail، Outlook، Apple Mail اور کم از کم ایک فون پر ٹیسٹ بھیجیں۔
- تصاویر کو بلاک کر کے ٹیسٹ دیکھیں، اور تصدیق کریں کہ پیغام کا اب بھی کوئی مطلب ہے۔
- چیک کریں کہ پیغام Gmail میں کاٹا نہ گیا ہو، جو کٹ پر View entire message کا لنک دکھاتا ہے۔
- تصدیق کریں کہ ہر تصویر میں alt ٹیکسٹ موجود ہے جو یہ بیان کرتا ہے کہ یہ کیا دکھاتی ہے۔
- ڈارک موڈ رینڈرنگ چیک کریں، خاص طور پر لوگو اور فلیٹ گرافکس کے لیے۔
- تمام تصاویر کا کل وزن شامل کریں اور تصدیق کریں کہ یہ 600 KB سے کم رہتا ہے۔
ایک ہی بیچ میں مہم تیار کرنا
نیوز لیٹر میں موجود ہر تصویر کو ایک ساتھ پروسیس کریں تاکہ پوری مہم ایک ہی معیار کا اشتراک کرے۔ ایک نیوز لیٹر میں عام طور پر 5 سے 15 تصاویر ہوتی ہیں، اور ایک ہفتہ وار بھیجنے والا ایک سال میں سینکڑوں تیار کرتا ہے۔
چوڑائی اور KB کا ٹارگٹ ایک بار سیٹ کریں، تصاویر ڈالیں، اور ہر فائل ملتے جلتے انداز میں واپس آتی ہے۔ ہر چیز آپ کے اپنے پروسیسر پر آپ کے براؤزر کے اندر چلتی ہے، اس لیے غیر معلن شدہ پیشکشیں، تصاویر کے طور پر رینڈر کی گئی سبسکرائبر لسٹیں اور کلائنٹ مہم کا کام کبھی بھی سرور تک نہیں پہنچتا۔ ایک لانچ کی تیاری کرنے والی ایجنسی کے لیے، ان فائلوں کو مقامی رکھنا اس انکشاف سے بچاتا ہے جس کا کوئی بھی کمپریشن بچت جواز نہیں پیش کر سکتی۔
ہر بار بار آنے والے لے آؤٹ بلاک، جیسے ہیڈر، 2 کالم پروڈکٹ رو اور فوٹر لوگو کے لیے درست سائز کے پلیس ہولڈرز کا ایک ٹیمپلیٹ فولڈر رکھیں۔ ہفتہ وار بھیجنے والے غیر معینہ مدت کے لیے وہی 4 یا 5 شکلیں دوبارہ استعمال کرتے ہیں، اور موجودہ معیار سے ملتے جلتے نئے آرٹ ورک کو سائز دینے میں ہر مہم کے لیے دوبارہ ابعاد کا فیصلہ کرنے سے کم وقت لگتا ہے۔