কীভাবে একটি BIMI SVG Tiny P/S ফাইল তৈরি করবেন (২০২৬ গাইড)

Brand Indicators for Message Identification (BIMI) সমর্থিত ইমেইল ক্লায়েন্টগুলিতে প্রমাণীকৃত বার্তাগুলির পাশে আপনার প্রতিষ্ঠানের লোগো প্রদর্শন করে। একটি BIMI রেকর্ড প্রকাশ করতে, আপনাকে একটি লোগো ফাইল প্রদান করতে হবে যা SVG Tiny Portable/Secure (P/S) নামক একটি সীমাবদ্ধ XML প্রোফাইলের সাথে সামঞ্জস্যপূর্ণ।

এই নিবন্ধটি SVG Tiny P/S প্রোফাইলের প্রয়োজনীয়তা, আপনার সোর্স ফাইল থেকে যে উপাদানগুলি অপসারণ করতে হবে, এবং আপনার Verified Mark Certificate (VMC) আবেদনের জন্য একটি সামঞ্জস্যপূর্ণ লোগো তৈরি করতে যে পদ্ধতিগুলি ব্যবহার করতে পারেন তা ব্যাখ্যা করে।

SVG Tiny P/S-এর পেছনে নিরাপত্তা যুক্তি

W3C ইমেইল ক্লায়েন্টের মধ্যে ভেক্টর গ্রাফিক্স রেন্ডার করার নিরাপত্তা ঝুঁকি দূর করতে SVG Tiny P/S প্রোফাইল সংজ্ঞায়িত করেছে [1]। স্ট্যান্ডার্ড SVG স্ক্রিপ্টিং, বাহ্যিক রিসোর্স লোডিং এবং নেটওয়ার্ক অনুরোধ সমর্থন করে। যে ইমেইল ক্লায়েন্ট স্ট্যান্ডার্ড SVG রেন্ডার করে তা প্রাপকদের ক্রস-সাইট স্ক্রিপ্টিং (XSS) আক্রমণ এবং বার্তার মূল অংশে এম্বেড করা ট্র্যাকিং পিক্সেলের কাছে উন্মুক্ত করে।

SVG Tiny P/S সমস্ত গতিশীল এবং বাহ্যিক ক্ষমতা অপসারণ করে। ফলাফল হল একটি স্থির, স্বয়ংসম্পূর্ণ ফাইল যা শুধুমাত্র জ্যামিতি বর্ণনা করে।

নিষিদ্ধ উপাদানসমূহ

নিম্নলিখিত উপাদানগুলি W3C বৈধতা যাচাইয়ে ব্যর্থ করে। একটি সার্টিফিকেট অথরিটি এগুলি অন্তর্ভুক্ত করা যেকোনো VMC আবেদন প্রত্যাখ্যান করে।

উপাদানের ধরন	নিষিদ্ধ করার কারণ
<script> ট্যাগ	JavaScript এক্সিকিউশন এবং XSS আক্রমণ প্রতিরোধ করে
<image> ট্যাগ	র‍্যাস্টার গ্রাফিক্স (PNG/JPG) এম্বেড করা প্রতিরোধ করে যা ক্ষতিকর কোড গোপন করতে পারে
data:image URIs	Base64-এনকোডেড বিটম্যাপ এম্বেডিং প্রতিরোধ করে
xlink:href	বাহ্যিক নেটওয়ার্ক অনুরোধ (ট্র্যাকিং পিক্সেল) প্রতিরোধ করে
আপেক্ষিক মাত্রা	লেআউট শিফটিং প্রতিরোধ করে; width এবং height অ্যাট্রিবিউট অপসারণ করতে হবে
বাহ্যিক CSS	বাহ্যিক স্টাইলশিট ইনজেকশন প্রতিরোধ করে

গাণিতিক প্রয়োজনীয়তা

AuthIndicators Working Group জ্যামিতিক সীমাবদ্ধতা সংজ্ঞায়িত করে যা নিশ্চিত করে যে লোগো সমস্ত ইমেইল ক্লায়েন্টে সঠিকভাবে রেন্ডার হয়, যার মধ্যে বৃত্তাকার, বর্গাকার, বা গোলাকার-বর্গাকার মাস্ক প্রয়োগ করে এমন ক্লায়েন্টও অন্তর্ভুক্ত [2]।

১. ১:১ আসপেক্ট রেশিও

লোগো অবশ্যই বর্গাকার হতে হবে। viewBox অ্যাট্রিবিউট একটি ১:১ কোঅর্ডিনেট স্পেসে সেট করুন, উদাহরণস্বরূপ viewBox="0 0 100 100"। width এবং height অ্যাট্রিবিউট অপসারণ করুন। শুধুমাত্র viewBox স্কেলিং নিয়ন্ত্রণ করে।

২. সলিড ব্যাকগ্রাউন্ড ফিল

স্বচ্ছ ব্যাকগ্রাউন্ড অনুমোদিত নয়। ইমেইল ক্লায়েন্টগুলি লাইট এবং ডার্ক থিমের মধ্যে পরিবর্তন করে, এবং একটি স্বচ্ছ লোগো যেকোনো ব্যাকগ্রাউন্ডে অদৃশ্য হয়ে যেতে পারে। একটি সলিড <rect> উপাদান অন্তর্ভুক্ত করুন যা সম্পূর্ণ viewBox কভার করে।

৩. প্রয়োজনীয় মেটাডেটা

রুট <svg> উপাদানে version="1.2" এবং baseProfile="tiny-ps" সেট করে সামঞ্জস্যতা ঘোষণা করুন। অ্যাক্সেসিবিলিটি প্রয়োজনীয়তা পূরণ করতে একটি <title> উপাদান অন্তর্ভুক্ত করুন।

কীভাবে একটি সামঞ্জস্যপূর্ণ ফাইল তৈরি করবেন

স্ট্যান্ডার্ড ডিজাইন টুল, যার মধ্যে Adobe Illustrator এবং Figma অন্তর্ভুক্ত, সরাসরি SVG Tiny P/S-এ এক্সপোর্ট করে না। আপনার দুটি বিকল্প আছে: ম্যানুয়ালি ফাইল স্যানিটাইজ করা, অথবা একটি কনভার্সন টুল ব্যবহার করা।

ম্যানুয়াল পদ্ধতি

হাতে একটি SVG এক্সপোর্ট স্যানিটাইজ করতে, একটি টেক্সট এডিটরে ফাইলটি খুলুন এবং নিম্নলিখিত ধাপগুলি সম্পন্ন করুন:

1. পূর্ববর্তী টেবিলে তালিকাভুক্ত সমস্ত নিষিদ্ধ ট্যাগ অপসারণ করুন।
2. CSS স্টাইলিংকে ইনলাইন প্রেজেন্টেশন অ্যাট্রিবিউটে রূপান্তর করুন।
3. viewBox একটি ১:১ অনুপাতে পুনঃগণনা করুন।
4. প্রয়োজনীয় version, baseProfile, এবং <title> মেটাডেটা যোগ করুন।
5. W3C SVG Tiny 1.2 স্কিমার বিপরীতে আউটপুট যাচাই করুন।

একাধিক বৈধতা যাচাই পাস আশা করুন। অ্যাট্রিবিউট নাম বা নেমস্পেস ডিক্লারেশনে ছোট ত্রুটি বৈধতা যাচাই ব্যর্থ করে।

স্বয়ংক্রিয় পদ্ধতি

makeBIMI-এর মতো একটি কনভার্সন টুল প্রতিটি ধাপ প্রোগ্রাম্যাটিকভাবে সম্পাদন করে:

1. ভেক্টরাইজেশন: আপনি যদি একটি র‍্যাস্টার ইমেজ (PNG বা JPG) আপলোড করেন, টুলটি পিক্সেলগুলিকে ভেক্টর পাথে ট্রেস করে।
2. স্যানিটাইজেশন: টুলটি <script>, <image>, এবং বাহ্যিক রেফারেন্স ট্যাগ অপসারণ করে।
3. জ্যামিতি প্রয়োগ: টুলটি একটি ১:১ বাউন্ডিং বক্স এবং একটি সলিড ব্যাকগ্রাউন্ড ফিল প্রয়োগ করে।
4. বৈধতা যাচাই: টুলটি W3C SVG Tiny P/S স্কিমার বিপরীতে আউটপুট যাচাই করে।

SVG ফাইল VMC আবেদনের জন্য একটি পূর্বশর্ত। একটি সামঞ্জস্যপূর্ণ ফাইল তৈরি করার পর, DMARC প্রয়োগ অডিট দিয়ে চালিয়ে যান এবং একটি সমর্থিত সার্টিফিকেট অথরিটিতে ফাইলটি জমা দিন।

তথ্যসূত্র

[1] W3C. “SVG Tiny 1.2 Portable/Secure.” World Wide Web Consortium, https://www.w3.org/TR/SVGTiny12/ [2] AuthIndicators Working Group. “BIMI SVG Logo Requirements.” BIMI Group, https://bimigroup.org/svg-logo-requirements/