SVG থেকে Base64

অনলাইনে কীভাবে SVG থেকে Base64 রূপান্তর করবেন

1. লোকাল ফাইল বেছে নিয়ে একটি .svg ফাইল নির্বাচন করুন, অথবা রিমোট URL বেছে নিয়ে একটি লিংক পেস্ট করুন।
2. আউটপুট ফরম্যাট বেছে নিন: সাধারণ Base64, data URI, HTML ট্যাগ, CSS, JavaScript, JSON বা XML।
3. SVG Base64-এ এনকোড ক্লিক করুন। প্রিভিউসহ ফলাফল সঙ্গে সঙ্গে দেখা যাবে।
4. ফলাফল ক্লিপবোর্ডে কপি করুন বা .txt ফাইল হিসেবে ডাউনলোড করুন।

SVG (Scalable Vector Graphics) সম্পর্কে

SVG একটি XML-ভিত্তিক ভেক্টর ফরম্যাট: আকৃতিগুলো পিক্সেলের বদলে টেক্সট দিয়ে বর্ণনা করা হয়, তাই যেকোনো আকারে ছবি তীক্ষ্ণ থাকে। আইকন, লোগো ও ইলাস্ট্রেশনের জন্য এটি আদর্শ।

SVG যেহেতু আগে থেকেই টেক্সট, তাই Base64-এর বদলে URL-এনকোড করেও যুক্ত করা যায়, যা প্রায়ই ছোট হয়। তবে মার্কআপে এমন উদ্ধৃতিচিহ্ন বা ক্যারেক্টার থাকলে যা আপনার CSS বা HTML ভেঙে দিতে পারে, Base64-ই সবচেয়ে নিরাপদ।

আউটপুট ফরম্যাট

ফলাফল কোন রূপে চান তা বেছে নিন। কনভার্টার যা দিতে পারে:

• txt: শুধু Base64 স্ট্রিং, কোড, ডেটাবেস ফিল্ড বা API রিকোয়েস্টে সরাসরি পেস্ট করার জন্য প্রস্তুত।
• uri: একটি সম্পূর্ণ data: URI, যা ব্রাউজারের অ্যাড্রেস বারে পেস্ট করা যায় বা যেখানে URL গ্রহণ করা হয় সেখানেই ব্যবহার করা যায়।
• html img: src-এ data URI সহ একটি <img> ট্যাগ।
• css background image: background-image: url(data:...) ব্যবহার করা একটি CSS রুল।
• html favicon: ইনলাইন favicon-এর জন্য একটি <link rel="icon"> ট্যাগ।
• html hyperlink: একটি <a> লিংক, যা যুক্ত ফাইলটি ডাউনলোড করে বা খোলে।
• html iframe: একটি <iframe>, যা কনটেন্টটি পেজের ভেতরেই দেখায়।
• javascript image: JavaScript যা একটি Image অবজেক্ট তৈরি করে।
• javascript popup: JavaScript যা কনটেন্টটি নতুন উইন্ডোতে খোলে।
• json: ফাইলের নাম, MIME type ও ডেটাসহ একটি JSON অবজেক্ট।
• xml: CDATA সেকশনের ভেতরে ডেটাসহ একটি XML এলিমেন্ট।

এটি কি নিরাপদ এবং ফলাফল কত বড় হবে?

আপনার ফাইল কখনো আপলোড হয় না: File API ব্যবহার করে আপনার ব্রাউজারেই এটি পড়া ও রূপান্তর করা হয়, তাই গোপনীয় ডকুমেন্টও আপনার ডিভাইসে থাকে।

Base64 প্রতি 3 বাইটকে 4টি ক্যারেক্টারে প্রকাশ করে, তাই এনকোড করা ফলাফল মূল ফাইলের চেয়ে প্রায় 33% বড় হয় (সাথে প্যাডিং ও data URI প্রিফিক্সের জন্য কয়েক বাইট)।