Scalable Vector Graphics (SVG) হলো একটি ভেক্টর ফাইল ফরম্যাট যা ১৯৯৯ সালে আসে। এটি XML-ভিত্তিক ভেক্টর ইমেজ ফরম্যাট যা ওয়েব গ্রাফিক্সের জন্য ব্যবহার করা যায়। ২০১৭ 때까지 প্রায় সকল আধুনিক ব্রাউজার SVG রেন্ডার করতে পারে এবং অধিকাংশ ভেক্টর ড্রইং সফটওয়্যার SVG-এ এক্সপোর্ট করতে পারে।
কেন SVG ব্যবহার করবেন?
SVG ব্যবহারকারীরে অনেক নমনীয়তা দেয়। SVG মৌলিকভাবে সাধারণ প্লেইন টেক্সট যা রেখা, বক্ররেখা বা রঙের মাধ্যমে আকৃতি বর্ণনা করে। উদাহরণ SVG ফাইল ও কোড নিচে:
SVG-এর কিছু সুবিধা:
- ছোট আকার – ওয়েব গ্রাফিক্সের জন্য উপযুক্ত
- CSS-এর সাথে নমনীয়তা – যেকোনো টেক্সট এডিটর দিয়ে গ্রাফিক্স কাস্টমাইজ করা যায়
- স্কেলেবল – আকার বাড়ানো/কমানো যাবে ছবির গুণগত নष्ट হয় না
- প্রায় সকল ব্রাউজার সাপোর্ট করে
আউटलুক ইমেলে SVG সিগনেচার ফাইল কিভাবে যোগ করবেন?
SVG ফাইল সাপোর্ট বাড়লেও বড় ইমেল অপারেটররা এখনও নেটিভভাবে এই ফরম্যাট সাপোর্ট করে না। তবুও SVG ইমেজ ইমেলে এম্বেড করা যায়। এতে ব্রাউজারের HTML সোর্স কোডের প্রাথমিক জ্ঞান লাগে, অথবা নিচের ধাপগুলো ফলো করুন।
নোট: ব্রাউজারে আউटलুক ব্যবহার করছেন কিনা নিশ্চিত হোন। ডিফল্ট Mail বা আউटलুক অ্যাপ্লিকেশন SVG সিগনেচার সাপোর্ট করে না।
ধাপ ১:
- প্রথমে আপনার পছন্দের ছবি বা সিগনেচার অনলাইন ইমেজ হোস্টিং সাইটে (Imgur, TinyPic) আপলোড থাকতে হবে। এই টিউটোরিয়ালের জন্য গুগল ইমেজ থেকে একটি র্যান্ডম SVG সিগনেচার ব্যবহার করা হয়েছে।
- ছবিতে Right Click → Copy image address।
ছবিটি সেভ করে আউटलুকে inline ইমেজ হিসেবে ইনসার্ট করলে এরর দেবে যে এই ফাইল ফরম্যাট সাপোর্ট করা হয় না।
ধাপ ২:
যে ইমেলে সিগনেচার যোগ করতে চান সেটি খুলুন। খালি জায়গায় রাইট-ক্লিক → Inspect. । নতুন ডায়লগ বক্সে HTML কোড দেখবে। এই কোড সংজ্ঞায়িত করে আপনি যা দেখছেন।
ধাপ ৩:
এই ধাপটি কিছুটা জটিল। HTML কোডের সব পার্ট ওয়েবপেজের লেয়াউটের জন্য। কোডের বিভিন্ন অংশ হাইলাইট করলে ওয়েবপেজের সেটি হাইলাইট হবে।
সबশেষ লাইনের পর একটা এক্সট্রা স্পেস যোগ করুন। এতে HTML সোর্স কোড এডিটরে একটি খালি এলিমেন্ট তৈরি হবে।
ধাপ ৪:
এখন সেই খালি এলিমেন্ট এডিট করে আমাদের সিগনেচারের HTML কোড ইনসার্ট করব।
সেই এলিমেন্টে রাইট-ক্লিক → Edit as HTML। পুরানো কন্টেন্ট মুছে নিচের HTML কোডটি পেস্ট করুন:
<img src="https://upload.wikimedia.org/wikipedia/commons/a/af/Adriansosa_signature.svg" style="width:200px;height:121px;">
এই HTML কোডের দুটি অংশ। প্রথম অংশে src ফাংশন ইমেজ ফাইলের সোর্স সেট করে। দ্বিতীয় অংশে style ফাংশন ডাইমেনশন সেট করে।
কোড এন্টার করার পর ইমেল বক্সের খালি জায়গায় ক্লিক করলে সিগনেচারটি দেখাবে।
- প্রাপকের ইমেল অপারেটর যদি Gmail বা অন্য কিছু হয়, তবে সেটা সেটা কাজ নাও করতে পারে।
- যেহেতু ইমেলে SVG এম্বেড করার নেটিভ সাপোর্ট নেই, তাই সিগনেচারের জন্য .PNG ফাইল ব্যবহার করা ভালো কারণ সেটি সব ইমেল অপারেটর সাপোর্ট করে।
