Image ↔ Base64 ইমেজ ফাইল (PNG, JPG, SVG, WebP, GIF) কে Base64-এনকোডেড ডেটা URI-তে কনভার্ট করে এবং উল্টো দিকেও কাজ করে। ইমেজ লোড করতে ড্র্যাগ, পেস্ট বা ক্লিক করুন; CSS, HTML বা কনফিগে ইনলাইন এমবেড করার জন্য সম্পূর্ণ data:image/...;base64,... স্ট্রিং কপি করুন। অথবা একটি data URI পেস্ট করে সেটি প্রিভিউ করুন এবং ইমেজ ফাইল হিসেবে ডাউনলোড করুন।
Base64-এনকোডেড ইমেজ সরাসরি CSS, HTML বা কনফিগ ফাইলে এমবেড করা যায় — ছোট আইকন, ইমেইল টেমপ্লেট, বা এমন বিল্ড আর্টিফ্যাক্টের জন্য কাজে লাগে যেখানে বাহ্যিক ইমেজ রিকোয়েস্ট এড়ানো দরকার। এই টুলটি এই কনভার্শনকে সহজ করে দেয়। একটি ইমেজ ফাইল ড্র্যাগ করুন, ক্লিপবোর্ড থেকে পেস্ট করুন, অথবা ব্রাউজ করতে ক্লিক করুন। টুলটি সঠিক MIME টাইপ সহ একটি data URI তৈরি করে (data:image/png;base64,..., data:image/svg+xml;base64,..., ইত্যাদি)। বিপরীত দিকেও কাজ করে — একটি data URI পেস্ট করলে টুলটি প্রিভিউয়ের জন্য ইমেজটি রেন্ডার করে এবং আসল ফাইল হিসেবে সেভ করার জন্য একটি ডাউনলোড লিংক দেয়। সম্পূর্ণভাবে ব্রাউজারের মধ্যেই কাজ করে, কোনো আপলোড নেই — আপনার ইমেজ কখনো আপনার মেশিন ছেড়ে যায় না। PNG, JPG/JPEG, SVG, WebP, GIF এবং ICO ফরম্যাট সাপোর্ট করে।
ইমেজ লোড করার একাধিক উপায়: আপনার OS থেকে একটি ফাইল ড্র্যাগ করুন, ক্লিপবোর্ড থেকে পেস্ট করুন (স্ক্রিনশটও কাজ করে), অথবা ফাইল পিকার খুলতে ক্লিক করুন।
আপনি যখন একটি data URI পেস্ট করেন, টুলটি তৎক্ষণাৎ ইমেজটি রেন্ডার করে যাতে কপি বা ডাউনলোড করার আগে আপনি সেটি যাচাই করতে পারেন।
সম্পূর্ণ data:image/...;base64,... স্ট্রিংটি কপি করে দেয়, যা সরাসরি আপনার CSS, HTML src অ্যাট্রিবিউট, বা JSON কনফিগে পেস্ট করার জন্য প্রস্তুত।
কোনো আপলোড অপেক্ষা নেই — সবকিছু লোকালি হয়। বড় ইমেজও এক সেকেন্ডের ভগ্নাংশে কনভার্ট হয়ে যায়।
একটি Base64 data URI থেকে, ডিকোড করা ইমেজটি সঠিক এক্সটেনশন সহ একটি প্রকৃত ফাইল (PNG, JPG, SVG, ইত্যাদি) হিসেবে সেভ করুন।
PNG, JPG, SVG, WebP, GIF এবং ICO সাপোর্ট করে। MIME টাইপ স্বয়ংক্রিয়ভাবে শনাক্ত হয়, তাই আপনার data URI সবসময় সঠিক থাকে।
একটি 16×16 আইকনকে Base64-তে কনভার্ট করে background-image: url(...) -এ ইনলাইন করুন। কোনো HTTP রিকোয়েস্ট নেই, কোনো cache miss নেই — আইকনটি আপনার CSS-এর সাথেই চলে যায়।
বাহ্যিক ইমেজ রেফারেন্স ক্লায়েন্ট দ্বারা ব্লক হয়ে গেলে বা স্প্যাম চিহ্নিত হলে HTML ইমেইলে সরাসরি ইমেজ data URI হিসেবে এমবেড করুন।
অ্যাপ স্টার্টআপের সময় অ্যাসেট রাউন্ড-ট্রিপ দূর করতে webpack/vite বান্ডল আউটপুটে ছোট ইমেজ অন্তর্ভুক্ত করুন।
dev tools, HTML সোর্স, বা CSS ফাইল থেকে একটি data URI পেস্ট করে অন্তর্নিহিত ইমেজটি প্রিভিউ ও ফাইল হিসেবে ডাউনলোড করুন।
যখন একটি এমবেডেড ইমেজ রেন্ডার হয় না, তখন Base64 বৈধ কিনা এবং MIME টাইপ সঠিক কিনা যাচাই করতে ডিকোডারে data URI পেস্ট করুন।
DevSuite Pro ডকে Image Base64 আইকনে ক্লিক করুন। একটি ড্রপ জোন এবং একটি data URI ফিল্ড সহ দুই-পেন প্যানেল খুলবে।
ড্রপ জোনে একটি ফাইল ড্র্যাগ করুন, ক্লিপবোর্ড থেকে একটি ইমেজ পেস্ট করুন (Ctrl+V), অথবা ব্রাউজ করতে জোনে ক্লিক করুন। একটি প্রিভিউ দেখা যাবে।
Base64 data URI আউটপুট ফিল্ডে তৎক্ষণাৎ তৈরি হয় — এটি আপনার ক্লিপবোর্ডে পাঠাতে Copy-তে ক্লিক করুন, ইনলাইন পেস্ট করার জন্য প্রস্তুত।
Base64 → ইমেজে যেতে, ফিল্ডে একটি data URI পেস্ট করুন। প্রিভিউ ইমেজটি রেন্ডার করে এবং একটি Download বাটন দেখা যায়।
পুনর্গঠিত ইমেজটি একটি প্রকৃত ফাইল হিসেবে সেভ করুন, অথবা অন্য কোথাও শেয়ার বা এমবেড করতে data URI কপি করুন।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৬৪+ ডেভলপার টুল আনলক করুন।
