স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) হল একটি ভেক্টর ফাইল ফরম্যাট যা প্রথম 1999 সালে আবির্ভূত হয়েছিল। এটি একটি XML ভিত্তিক ভেক্টর ইমেজ ফরম্যাট যা বিভিন্ন ওয়েব গ্রাফিক্সের জন্য ব্যবহার করা যেতে পারে। যদিও এটির বৃদ্ধি ধীর ছিল, 2017 সালের মধ্যে প্রায় সমস্ত আধুনিক ওয়েব ব্রাউজার SVG রেন্ডার করতে পারে এবং বেশিরভাগ ভেক্টর অঙ্কন সফ্টওয়্যার SVG তে রপ্তানি করতে পারে৷
কেন SVG ব্যবহার করবেন?
SVG ব্যবহারকারীকে অনেক নমনীয়তা দেয়। SVG মৌলিকভাবে সহজ সরল পাঠ্য ছাড়া আর কিছুই নয় যা রেখা, বক্ররেখা বা রঙের মাধ্যমে আকার বর্ণনা করে। এখানে কোড সহ একটি SVG ফাইলের উদাহরণ রয়েছে৷
৷
SVG-এর কিছু সুবিধার মধ্যে রয়েছে:
- ছোট আকার – ওয়েব গ্রাফিক্সের জন্য উপযুক্ত
- নমনীয়তা CSS এর মাধ্যমে আপনি যেকোনো টেক্সট এডিটর ব্যবহার করে চলতে চলতে সহজেই গ্রাফিক্স কাস্টমাইজ করতে পারবেন।
- স্কেলযোগ্য – ছবির গুণমান না হারিয়ে সাইজ বাড়াতে বা কমাতে পারে।
- প্রায় সব ব্রাউজারই সমর্থন করে এটা।
আপনার Outlook ইমেলে একটি SVG স্বাক্ষর ফাইল কিভাবে যোগ করবেন?
যখন SVG ফাইলগুলির জন্য সমর্থন বাড়ছে, তখনও প্রধান ইমেল অপারেটররা নমনীয়তা এবং এর সাথে আসা সমস্ত সুবিধা থাকা সত্ত্বেও এই ফাইল ফর্ম্যাটটিকে স্থানীয়ভাবে সমর্থন করে না৷
কেউ এখনও একটি SVG ইমেজ ফাইল ইমেলে এম্বেড করতে পারে৷ ব্রাউজারের এইচটিএমএল সোর্স কোডের সাথে ডিল করার জন্য এটির কিছুটা জানার প্রয়োজন বা আপনি যদি পদক্ষেপগুলি অনুসরণ করেন তবে আপনার ভাল থাকা উচিত৷
দ্রষ্টব্য: আপনি আপনার ব্রাউজারে Outlook ব্যবহার করছেন তা নিশ্চিত করুন। ডিফল্ট মেল বা আউটলুক অ্যাপ্লিকেশন SVG স্বাক্ষর সমর্থন করে না৷
৷ধাপ 1:
- প্রথম ধাপ হল আপনার কাঙ্খিত ছবি বা স্বাক্ষর একটি অনলাইন ইমেজ হোস্টিং ওয়েবসাইট যেমন Imgur বা TinyPic-এ আছে তা নিশ্চিত করা। এই টিউটোরিয়ালের জন্য, আমরা গুগল ইমেজ থেকে একটি এলোমেলো SVG স্বাক্ষর ব্যবহার করব।
- পরবর্তী টিপুন ডান ক্লিক করুন ছবিতে এবং ছবির ঠিকানা অনুলিপি করুন৷ নির্বাচন করুন৷
আপনি সেই ছবিটি সংরক্ষণ করার চেষ্টা করতে পারেন এবং এটিকে ইনলাইন হিসেবে সন্নিবেশ করতে পারেন আউটলুকে চিত্র কিন্তু এটি আপনাকে একটি ত্রুটি দেবে যে এটি এই ফাইল ফর্ম্যাটটিকে সমর্থন করে না৷
৷
ধাপ 2:
পরবর্তী ধাপ হল সেই ইমেলটিতে যাওয়া যেখানে আপনি এই স্বাক্ষর ঢোকাতে চান৷ খালি জায়গায় ডান-ক্লিক করুন এবং পরিদর্শন করুন-এ ক্লিক করুন। এটি অনেকগুলি HTML কোড সহ একটি নতুন ডায়ালগ বক্স খুলবে। আপনি বর্তমানে কি দেখছেন এই কোডটি সংজ্ঞায়িত করে৷
৷
ধাপ 3:
এই পরবর্তী ধাপটি একটু কঠিন। আপনি এখানে যে সমস্ত কোড দেখছেন তা ওয়েব-পৃষ্ঠার বিন্যাসের জন্য। আপনি HTML কোডের বিভিন্ন অংশ হাইলাইট করার সাথে সাথে এটি সেই উপাদানটিকে ওয়েব-পৃষ্ঠায় হাইলাইট করবে।
এরপর, আপনাকে করতে হবে একটি অতিরিক্ত স্থান যোগ করুন ৷ আপনার শেষ লাইনের পরে। এটি HTML সোর্স কোড এডিটরে একটি খালি উপাদান তৈরি করবে।
ধাপ 4:
এখন, আমরা সেই খালি উপাদানটি সম্পাদনা করব এবং আমাদের স্বাক্ষরের জন্য HTML কোড সন্নিবেশ করব৷
সেই উপাদানটিতে ডান-ক্লিক করুন এবং নির্বাচন করুন HTML হিসাবে সম্পাদনা করুন . একবার আপনি এর আগের সমস্ত বিষয়বস্তু মুছে ফেললে, নিম্নলিখিত HTML কোডটি প্রবেশ করান৷
<img src="https://upload.wikimedia.org/wikipedia/commons/a/af/Adriansosa_signature.svg" style="width:200px;height:121px;">
এই HTML কোডের দুটি অংশ রয়েছে। প্রথম অংশে, src ফাংশনটি ইমেজ ফাইলের উত্স সেট করতে ব্যবহৃত হয়। দ্বিতীয় অংশে স্টাইল ফাংশনটি ইমেজ ফাইলের মাত্রা সেট করতে ব্যবহৃত হয়।
একবার আপনি কোডটি প্রবেশ করান, আপনার ইমেল বক্সের খালি অংশে ক্লিক করুন এবং স্বাক্ষরটি উপস্থিত হওয়া উচিত।
• এটি প্রাপকের পক্ষে কাজ নাও করতে পারে যদি তিনি Gmail এর মতো অন্য কোনও ইমেল অপারেটর ব্যবহার করেন৷
• যেহেতু কোনও ইমেলে SVG এম্বেড করার জন্য কোনও স্থানীয় সমর্থন নেই, তাই .PNG ফাইলগুলি স্বাক্ষর হিসাবে ব্যবহার করা ভাল তারা সব ইমেল অপারেটর দ্বারা সমর্থিত হয়.
