ইমেজ ↔ Base64 কী?
ইমেজ ↔ Base64 ছবিকে Base64 ডেটা URI-তে বদলায় — অথবা শুধু Base64, তৈরি CSS ব্যাকগ্রাউন্ড রুল বা <img> ট্যাগে — এবং Base64 থেকে আবার ফাইল বানায়। দুই দিকই আপনার ব্রাউজারে চলে, তাই ছবি বা পেস্ট করা লেখা কোনোটিই আপলোড হয় না। ডিকোডের সময় ফাইলের ধরন data: লেবেল থেকে নয়, বাইট থেকেই পড়া হয়, আর দুটো না মিললে জানানো হয়।
ছবিকে Base64 data URI-তে রূপান্তর করুন বা Base64 থেকে আবার ফাইল ফিরিয়ে আনুন। CSS/HTML-এ ইনলাইন ছবি আর API-র কাজে লাগে — Fah Swe Tools-এ এনকোড ও ডিকোড দুটোই হয় আপনার ডিভাইসে।
মূল বৈশিষ্ট্য
- ছবি থেকে ডেটা URI, শুধু Base64, CSS background-image বা HTML <img> ট্যাগ
- Base64, ডেটা URI, CSS url(…) ও <img> ট্যাগ থেকে আবার ফাইল
- ডিকোড করা বাইট দেখে ফাইলের ধরন ঠিক হয়; লেবেল ভুল হলে জানানো হয়
- URL-সেফ Base64 ও লাইন ভাঙা চলে
- এক ক্লিকে কপি এবং .txt / .css / .html ডাউনলোড
- আপনার ব্রাউজারে চলে — কিছুই আপলোড হয় না
সাধারণ ব্যবহার
- HTTP রিকোয়েস্ট কমাতে CSS-এ ছোট আইকন বসানো
- JSON API-এর মাধ্যমে ছবি পাঠানো
- লগে থাকা Base64 স্ট্রিং থেকে ছবি উদ্ধার
সাপোর্টেড ফরম্যাট
এনকোড: JPG, PNG, WebP, AVIF, HEIC/HEIF, GIF, BMP, TIFF, SVG, ICO (২৫ MB পর্যন্ত)। ডিকোড: Base64 বা ডেটা URI থেকে JPG, PNG, WebP, AVIF, GIF, BMP, ICO, HEIC, TIFF বা SVG; অন্য কিছু হলে .bin হিসেবে সেভ হয়।
সমস্যা ও সমাধান
- “এটি সঠিক Base64 নয়” Base64 ছাড়া অন্য কিছু ঢুকে গেছে — প্রায়ই উদ্ধৃতিচিহ্ন বা CSS প্রপার্টির নাম। শুধু ডেটা URI পেস্ট করুন, অথবা পুরো url(…) বা <img> ট্যাগ দিন, টুল নিজেই ডেটা URI বের করে নেবে।
- “Base64-টি কাটা পড়েছে” লগ বা চ্যাট অ্যাপ থেকে কপির সময় লম্বা স্ট্রিং প্রায়ই কেটে যায়। পুরো মানটি আবার কপি করুন।
- আমার SVG-র প্রিভিউ নেই SVG-তে স্ক্রিপ্ট থাকতে পারে, তাই ডিকোড করা SVG শুধু ডাউনলোড হিসেবে দেওয়া হয়।
অন্য নামে: Base64 থেকে ছবি, ইমেজ ডেটা URI, Base64 ইমেজ এনকোডার.
কীভাবে কাজ করে
- ছবি → Base64 বেছে নিয়ে একটি ছবি দিন, অথবা Base64 → ছবি বেছে নিয়ে ডেটা URI বা সাধারণ Base64 পেস্ট করুন।
- স্ট্রিং কপি করুন বা ফাইল ডাউনলোড করুন। ডিকোড করা ফাইলের ধরন লেবেল থেকে নয়, বাইট থেকে ঠিক হয়।
প্রশ্নোত্তর
Base64 কেন?
আলাদা ফাইল ছাড়াই CSS/HTML বা API-তে ছোট ছবি বসাতে।
আমার ছবি বা লেখা কি আপলোড হয়?
না। এনকোড ও ডিকোড দুটোই আপনার ব্রাউজারে হয়।
HTML-এ Base64 ছবি কীভাবে ব্যবহার করব?
HTML <img> ট্যাগ আউটপুট বেছে নিন, অথবা ডেটা URI কপি করে <img src="data:image/png;base64,...">-এ বসান।
Base64 কি আসল ছবির চেয়ে বড়?
হ্যাঁ, প্রায় ৩৩% বড়, তাই শুধু ছোট ছবির জন্য ব্যবহার করুন।