এইচটিএমএল ইমেইলে ছবি

Mia Chevalier

শনিবার, ২০ এপ্রিল, ২০২৪ ৭:১৩:১৩ PM

আউটলুক ইমেলে ইমেজ ডিসপ্লে সমস্যা সমাধান করা
HTML ইমেলগুলিতে প্রদর্শিত না হওয়া চিত্রগুলির সাথে সমস্যাগুলি হতাশাজনক হতে পারে, বিশেষত যখন সেগুলি লাইভ সার্ভারে সঠিকভাবে প্রদর্শিত হয়। এই সাধারণ সমস্যাটি প্রায়ই আউটলুকের মতো ইমেল ক্লায়েন্টগুলিতে দেখা দেয়, যেখানে ছবিগুলিকে অবশ্যই সঠিকভাবে এমবেড করা এবং উল্লেখ করা উচিত। আপনার ইমেল HTML কোডে আপনার ছবির URLগুলি অ্যাক্সেসযোগ্য এবং সঠিকভাবে ফর্ম্যাট করা হয়েছে তা নিশ্চিত করা দৃশ্যমানতার জন্য অত্যন্ত গুরুত্বপূর্ণ৷
বর্ণিত ক্ষেত্রে, ছবিটি অনলাইনে হোস্ট করা এবং এর URL এর মাধ্যমে কল করা সত্ত্বেও সমস্যাটি থেকে যায়৷ এই দৃশ্যকল্পটি আউটলুকের ইমেজ লিঙ্কগুলির পরিচালনা বা এর নিরাপত্তা সেটিংসের সাথে সম্ভাব্য সমস্যাগুলির পরামর্শ দেয়, যা ইমেজটিকে প্রদর্শিত হতে বাধা দিতে পারে। ডিসপ্লে সমস্যাটি সমস্যা সমাধান এবং সংশোধন করার জন্য এই সূক্ষ্মতাগুলি বোঝা অপরিহার্য।

আদেশ বর্ণনা

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> HTML নথির জন্য অক্ষর এনকোডিং নির্দিষ্ট করে, বিভিন্ন ইমেল ক্লায়েন্ট জুড়ে অক্ষরগুলি সঠিকভাবে প্রদর্শিত হয়েছে তা নিশ্চিত করতে ইমেল টেমপ্লেটগুলির জন্য গুরুত্বপূর্ণ।

curl_init() একটি নতুন সেশন শুরু করে এবং PHP-তে curl_setopt(), curl_exec(), এবং curl_close() ফাংশনের সাথে ব্যবহারের জন্য একটি cURL হ্যান্ডেল ফেরত দেয়।

curl_setopt() একটি CURL সেশনের জন্য বিকল্প সেট করে। এই কমান্ডটি আনয়ন করার জন্য URL এবং স্ট্রিং হিসাবে ফলাফল ফেরানোর মত অন্যান্য পরামিতি নির্দিষ্ট করতে ব্যবহৃত হয়।

curl_exec() curl_setopt() ফাংশনে নির্দিষ্ট করা URL আনয়ন করে, cURL সেশন চালায়।

curl_getinfo() একটি নির্দিষ্ট স্থানান্তর সম্পর্কিত তথ্য পায়, অ্যাক্সেসযোগ্যতা যাচাই করার জন্য আনা URL-এর HTTP স্থিতি কোড পুনরুদ্ধার করতে এখানে ব্যবহৃত হয়।

curl_close() একটি সিআরএল সেশন বন্ধ করে এবং সমস্ত সংস্থান মুক্ত করে। মেমরি লিক এড়াতে সমস্ত কার্ল ফাংশনের পরে সেশনটি বন্ধ করা প্রয়োজন।

আদেশ	বর্ণনা
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">	HTML নথির জন্য অক্ষর এনকোডিং নির্দিষ্ট করে, বিভিন্ন ইমেল ক্লায়েন্ট জুড়ে অক্ষরগুলি সঠিকভাবে প্রদর্শিত হয়েছে তা নিশ্চিত করতে ইমেল টেমপ্লেটগুলির জন্য গুরুত্বপূর্ণ।
curl_init()	একটি নতুন সেশন শুরু করে এবং PHP-তে curl_setopt(), curl_exec(), এবং curl_close() ফাংশনের সাথে ব্যবহারের জন্য একটি cURL হ্যান্ডেল ফেরত দেয়।
curl_setopt()	একটি CURL সেশনের জন্য বিকল্প সেট করে। এই কমান্ডটি আনয়ন করার জন্য URL এবং স্ট্রিং হিসাবে ফলাফল ফেরানোর মত অন্যান্য পরামিতি নির্দিষ্ট করতে ব্যবহৃত হয়।
curl_exec()	curl_setopt() ফাংশনে নির্দিষ্ট করা URL আনয়ন করে, cURL সেশন চালায়।
curl_getinfo()	একটি নির্দিষ্ট স্থানান্তর সম্পর্কিত তথ্য পায়, অ্যাক্সেসযোগ্যতা যাচাই করার জন্য আনা URL-এর HTTP স্থিতি কোড পুনরুদ্ধার করতে এখানে ব্যবহৃত হয়।
curl_close()	একটি সিআরএল সেশন বন্ধ করে এবং সমস্ত সংস্থান মুক্ত করে। মেমরি লিক এড়াতে সমস্ত কার্ল ফাংশনের পরে সেশনটি বন্ধ করা প্রয়োজন।

ইমেল চিত্র প্রদর্শনের জন্য এইচটিএমএল এবং পিএইচপি স্ক্রিপ্ট বোঝা

প্রদত্ত HTML স্ক্রিপ্টটি বিশেষভাবে একটি HTML ইমেল টেমপ্লেটের মধ্যে একটি ছবি এম্বেড করার জন্য ডিজাইন করা হয়েছে৷ এই স্ক্রিপ্ট ব্যবহার করে একটি অনলাইন ইমেজ এম্বেড করতে ট্যাগ করুন, নিশ্চিত করুন যে ইমেলটি দেখার সময় এটি অ্যাক্সেসযোগ্য। এর অন্তর্ভুক্তি মধ্যে বিভাগটি অত্যন্ত গুরুত্বপূর্ণ কারণ এটি বিষয়বস্তুর ধরন এবং অক্ষর এনকোডিং সেট করে, যা বিভিন্ন ইমেল ক্লায়েন্ট জুড়ে সঠিকভাবে ইমেল সামগ্রী প্রদর্শন করতে সহায়তা করে।

পিএইচপি স্ক্রিপ্ট ইমেলগুলিতে ইমেজ প্রদর্শনের নির্ভরযোগ্যতা বাড়ায় বিভিন্ন সিআরএল কমান্ড ব্যবহার করে ইমেজ ইউআরএলের অ্যাক্সেসযোগ্যতা যাচাই করে। আদেশ মত , , এবং একটি সিআরএল সেশন শুরু করতে একসাথে কাজ করুন, ইউআরএল আনার জন্য প্রয়োজনীয় বিকল্পগুলি সেট করুন এবং যথাক্রমে সেশনটি চালান। কাজ curl_getinfo() তারপর HTTP স্ট্যাটাস কোড পুনরুদ্ধার করতে ব্যবহৃত হয়, যা নিশ্চিত করে যে ছবিটি অ্যাক্সেসযোগ্য কিনা। যদি প্রতিক্রিয়া কোড 200 হয়, তাহলে এর অর্থ হল ছবিটি ইন্টারনেটের মাধ্যমে সফলভাবে পৌঁছানো যায়।

আউটলুকে HTML ইমেল ইমেজ প্রদর্শন নিশ্চিত করা

এইচটিএমএল এবং সিএসএস বাস্তবায়ন

<!-- HTML part of the email -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Email with Image</title>
<style>
  body, html, table {
    margin: 0px; padding: 0px; height: 100%; width: 100%;
    background-color: #5200FF;
  }
</style>
</head>
<body>
<table>
  <tr>
    <td style="text-align: center;">
      <img src="https://d.img.vision/datafit/logoWhite.png" alt="Logo" style="max-height: 200px; max-width: 200px;">
    </td>
  </tr>
</table>
</body>
</html>

ইমেল ক্লায়েন্টদের জন্য চিত্র অ্যাক্সেসযোগ্যতা যাচাই করা এবং ঠিক করা

পিএইচপি সহ সার্ভার-সাইড স্ক্রিপ্টিং

//php
// Define the image URL
$imageUrl = 'https://d.img.vision/datafit/logoWhite.png';
// Use cURL to check if the image is accessible
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $imageUrl);
curl_setopt($ch, CURLOPT_NOBODY, true);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_exec($ch);
$responseCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
// Check if the image is accessible
if ($responseCode == 200) {
  echo 'Image is accessible and can be embedded in emails.';
} else {
  echo 'Image is not accessible, check the URL or permissions.';
}
curl_close($ch);
//

ইমেল ক্লায়েন্ট জুড়ে HTML ইমেল সামঞ্জস্য অপ্টিমাইজ করা

HTML ইমেলে ছবি এম্বেড করার সময় একটি গুরুত্বপূর্ণ দিক প্রায়ই উপেক্ষা করা হয় ক্রস-ক্লায়েন্ট সামঞ্জস্য নিশ্চিত করা। আউটলুক, জিমেইল এবং অ্যাপল মেইলের মতো ইমেল ক্লায়েন্টরা এইচটিএমএল কোডকে ভিন্নভাবে ব্যাখ্যা করতে পারে, যার ফলে ইমেলগুলি কীভাবে প্রদর্শিত হয় তাতে অসঙ্গতি দেখা দেয়। বিভিন্ন ক্লায়েন্টের জন্য এইচটিএমএল ইমেল অপ্টিমাইজ করতে, ইনলাইন সিএসএস ব্যবহার করা এবং সমস্ত ইমেল ক্লায়েন্ট দ্বারা সমর্থিত নয় এমন সিএসএস শৈলী এড়ানো অপরিহার্য। উদাহরণস্বরূপ, কিছু ক্লায়েন্ট বাহ্যিক বা এমনকি অভ্যন্তরীণ স্টাইলশীট সমর্থন করে না এবং 'ম্যাক্স-প্রস্থ'-এর মতো বৈশিষ্ট্যগুলি প্রায়ই উপেক্ষা করা হয়, বিশেষ করে আউটলুকের পুরানো সংস্করণগুলিতে।

উপরন্তু, এটি পাঠানোর আগে একাধিক ক্লায়েন্ট জুড়ে ইমেল পরীক্ষা করার পরামর্শ দেওয়া হয়। লিটমাস এবং ইমেল অন অ্যাসিডের মতো সরঞ্জামগুলি বিভিন্ন ডিভাইস এবং ইমেল ক্লায়েন্ট জুড়ে পূর্বরূপ প্রদান করতে পারে, যাতে ছবি সহ সমস্ত উপাদান সঠিকভাবে রেন্ডার হয় তা নিশ্চিত করে৷ এই সক্রিয় পদ্ধতিটি সম্ভাব্য সমস্যাগুলি সনাক্ত করতে সাহায্য করে যা ইমেলের লেআউট বা চিত্রের দৃশ্যমানতাকে প্রভাবিত করতে পারে, চূড়ান্ত প্রেরণের আগে সামঞ্জস্যগুলি সক্ষম করে৷

কেন ছবি আউটলুক ইমেল প্রদর্শিত হয় না?
আউটলুক নিরাপত্তার কারণে বহিরাগত উত্স থেকে ছবিগুলিকে ব্লক করতে পারে বা ইমেলে ব্যবহৃত নির্দিষ্ট CSS বৈশিষ্ট্যগুলিকে সমর্থন নাও করতে পারে৷
আমি কিভাবে নিশ্চিত করতে পারি যে আমার ছবিগুলি সমস্ত ইমেল ক্লায়েন্টে প্রদর্শিত হচ্ছে?
স্টাইলিংয়ের জন্য ইনলাইন CSS ব্যবহার করুন, আপনার চিত্রের মাত্রা নমনীয় রাখুন এবং পাঠানোর আগে বিভিন্ন ক্লায়েন্ট জুড়ে আপনার ইমেল পরীক্ষা করুন।
এইচটিএমএল ইমেলে ছবির জন্য প্রস্তাবিত আকার কি?
ইমেল ছবিগুলি সাধারণ ইমেল রিডিং প্যানে ফিট করে তা নিশ্চিত করতে 600px চওড়ার নিচে রাখা ভাল।
আমি কি আমার HTML ইমেলে ওয়েব ফন্ট ব্যবহার করতে পারি?
হ্যাঁ, তবে মনে রাখবেন যে সমস্ত ইমেল ক্লায়েন্ট ওয়েব ফন্ট সমর্থন করে না। সামঞ্জস্য নিশ্চিত করতে ফলব্যাক ফন্ট প্রদান করুন।
এটি একটি সুরক্ষিত সার্ভারে ছবি হোস্ট করা আবশ্যক?
হ্যাঁ, ছবি হোস্ট করার জন্য HTTPS ব্যবহার করা বেশিরভাগ ইমেল ক্লায়েন্টের নিরাপত্তা এবং অ্যাক্সেসযোগ্যতা সম্পর্কিত সমস্যাগুলি প্রতিরোধ করতে সহায়তা করে।

এইচটিএমএল ইমেলগুলিতে সফলভাবে ছবিগুলি এম্বেড করার জন্য ইমেল ক্লায়েন্টের আচরণের সূক্ষ্মতা বোঝার প্রয়োজন, বিশেষ করে আউটলুকের মতো ক্লায়েন্টদের সাথে। স্টাইলিংয়ের জন্য ইনলাইন সিএসএস ব্যবহার করে, HTTPS-এর মাধ্যমে ছবিগুলি অ্যাক্সেসযোগ্য কিনা তা নিশ্চিত করা এবং লিটমাস বা ইমেল অন অ্যাসিডের মতো সরঞ্জামগুলির সাহায্যে ইমেল পরীক্ষা করা ইমেজ প্রদর্শনের নির্ভরযোগ্যতা উল্লেখযোগ্যভাবে উন্নত করতে পারে। শেষ পর্যন্ত, সমস্ত প্ল্যাটফর্ম জুড়ে সামঞ্জস্যপূর্ণ ফলাফল অর্জনের জন্য ইমেল ডিজাইনের সর্বোত্তম অনুশীলনের পুঙ্খানুপুঙ্খ পরীক্ষা এবং আনুগত্য অত্যন্ত গুরুত্বপূর্ণ।

এইচটিএমএল ইমেইলে ছবি কিভাবে প্রদর্শন করবেন

ইমেল চিত্র প্রদর্শনের জন্য এইচটিএমএল এবং পিএইচপি স্ক্রিপ্ট বোঝা

আউটলুকে HTML ইমেল ইমেজ প্রদর্শন নিশ্চিত করা

ইমেল ক্লায়েন্টদের জন্য চিত্র অ্যাক্সেসযোগ্যতা যাচাই করা এবং ঠিক করা

ইমেল ক্লায়েন্ট জুড়ে HTML ইমেল সামঞ্জস্য অপ্টিমাইজ করা