ছবি থেকে Base64

ওয়েবসাইট বানাতে গিয়ে, ইমেইলে ছবি পাঠাতে গিয়ে, কিংবা কোনো ফর্মে ছবি বসাতে গিয়ে অনেক সময় ছবিকে Base64 কোডে বদলাতে হয়। Base64 হলো ছবির বাইনারি তথ্যকে অক্ষরে লেখার একটি উপায় — A থেকে Z, a থেকে z, ০ থেকে ৯, যোগ চিহ্ন আর স্ল্যাশ দিয়ে ছবির প্রতিটি বাইট লেখা হয়। এই কোডটি সাধারণ টেক্সটের মতো কপি করা যায়, HTML বা CSS ফাইলে সরাসরি বসানো যায়, আর যেকোনো জায়গায় টেক্সট হিসেবে পাঠানো যায়। এই টুলটি ছবিকে Base64-এ বদলায়, আবার Base64 থেকে ছবি ফেরতও দেয় — আর সব কাজ হয় আপনার ব্রাউজারেই, আপনার ছবি কোথাও আপলোড হয় না।

কীভাবে ব্যবহার করবেন

1. উপরের তালিকা থেকে কাজের ধরন বেছে নিন। ছবি থেকে কোড বানাতে চাইলে প্রথমটি, আর কোড থেকে ছবি দেখতে চাইলে দ্বিতীয়টি বেছে নিন।
2. ছবি থেকে কোড বানাতে ফাইল বেছে নিন বোতামে ক্লিক করে আপনার ফোন বা কম্পিউটারের ছবিটি বেছে নিন। ফাইলের নাম, ধরন আর আকার দেখা যাবে, সাথে Base64-এ আকার কত হবে তাও দেখা যাবে।
3. রূপান্তর করুন বোতামে ক্লিক করুন। নিচের ফলাফলের ঘরে Base64 কোড দেখা যাবে, আর ছবির প্রিভিউও দেখা যাবে।
4. ফলাফল কপি করুন বোতামে ক্লিক করে কোডটি কপি করুন, অথবা ডাউনলোড করুন বোতামে ক্লিক করে কোডটি টেক্সট ফাইল হিসেবে সংরক্ষণ করুন।
5. উল্টো দিকে কাজ করতে দ্বিতীয় ধরন বেছে নিয়ে Base64 কোড বসান, তারপর রূপান্তর করুন বোতামে ক্লিক করুন — ছবির প্রিভিউ আর আসল আকার দেখা যাবে। নতুন করে শুরু করতে রিসেট করুন।

একটি বাস্তব উদাহরণ

ধরুন, আপনার কাছে একটি ছোট লাল বিন্দুর ছবি আছে — ১ গুণ ১ পিক্সেলের PNG ছবি, আকার মাত্র ৬৯ বাইট। এই টুলে ছবিটি দিলে Base64 কোড আসে ৯২ অক্ষরের — iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR4nGP4z8AAAAMBAQDJ/pLvAAAAAElFTkSuQmCC। ৬৯ বাইটের ছবি ৯২ অক্ষরের কোড হয়েছে, মানে প্রায় ৩৩ শতাংশ বেড়েছে। আরেকটি সহজ উদাহরণ দেখি। hello শব্দটি ৫ বাইটের, এর Base64 কোড aGVsbG8= — মাত্র ৮ অক্ষর। বড় ফাইলের হিসাবও দেখি। ১০০ KB ছবির Base64 কোড হয় ১৩৬,৫৩৬ অক্ষরের, ১ MB ছবির হয় ১,৩৯৮,১০৪ অক্ষরের, আর ২ MB ছবির হয় ২,৭৯৬,২০৪ অক্ষরের। এই সংখ্যাগুলো Node-এ চালিয়ে যাচাই করা হয়েছে। উল্টো দিকের উদাহরণও দেখি। উপরের ৯২ অক্ষরের কোডটি বসিয়ে রূপান্তর করলে ফিরে পাওয়া যায় ৬৯ বাইটের ছবি, আর প্রিভিউতে লাল বিন্দু দেখা যায়।

ফলাফল বুঝবেন কীভাবে

ছবি থেকে কোড বানালে ফলাফলের ঘরে লম্বা একটি কোড দেখা যায়, যেটা সাধারণত data:image/png;base64, দিয়ে শুরু হয় না — শুধু কোডের অংশটুকু দেখানো হয়, যাতে সরাসরি ব্যবহার করা যায়। সাথে ছবির প্রিভিউ, ফাইলের নাম, ধরন আর আকার দেখা যায়। কোডের দৈর্ঘ্য দেখে বুঝতে পারবেন ফাইলটি কত বড় হয়েছে। উল্টো দিকে কোড থেকে ছবি বানালে প্রিভিউতে ছবিটি দেখা যায়, আর নিচে লেখা থাকে ছবির আসল আকার কত বাইট। কোডটি data:image/png;base64, সহ পুরো আকারে দিলেও চলে, আবার শুধু কোডের অংশটুকু দিলেও চলে — টুলটি দুটোই বুঝতে পারে।

সাধারণ ভুল

সবচেয়ে সাধারণ ভুল হলো বড় ছবি Base64-এ বদলে ওয়েবপেজে বসানো। ২ MB ছবির কোড হয় প্রায় ২ দশমিক ৮ MB টেক্সট, যা পেজ খুলতে দেরি করে। ছোট আইকন বা লোগোর জন্য Base64 ভালো, বড় ছবির জন্য আলাদা ফাইল হিসেবে রাখাই ভালো। দ্বিতীয় ভুল হলো কোড কপি করার সময় data:image/png;base64, অংশটি বাদ দেওয়া বা অর্ধেক কপি করা। কোড অসম্পূর্ণ হলে ছবি খুলবে না, টুলটি তখন বাংলা ভুল বার্তা দেখায়। তৃতীয় ভুল হলো Base64 কোডে ফাঁকা জায়গা বা নতুন লাইন রেখে দেওয়া। চতুর্থ ভুল হলো ভুল ধরনের ফাইল দেওয়া। ছবি ছাড়া অন্য ফাইল দিলে টুলটি ভুল বার্তা দেখায়। পঞ্চম ভুল হলো কোডের শেষের সমান চিহ্ন মুছে ফেলা। Base64 কোডের শেষে এক বা দুটি সমান চিহ্ন থাকে, এগুলো কোডের অংশ — মুছলে ডিকোড হবে না।

সতর্কতা

Base64 কোড দেখতে গোপন মনে হলেও এটি কোনো গোপন কোড নয়। যে কেউ কোডটি দেখলেই ছবিটি ফেরত পেতে পারে, তাই ব্যক্তিগত বা গোপন ছবির Base64 কোড যেখানে-সেখানে শেয়ার করবেন না। বড় ছবির কোড ইমেইল বা মেসেজে পাঠালে সেটি অনেক লম্বা হয়, তাই আগে ছবিটি ছোট করে নিন। এই টুলে আপনার ফাইল কোথাও আপলোড হয় না বলে এখানে রূপান্তর করা নিরাপদ, তবে কোডটি কপি করে অন্য সাইটে বসানোর সময় সতর্ক থাকুন। মনে রাখবেন, Base64 করলে ছবির মান একটুও বদলায় না — কোড থেকে ফেরত পাওয়া ছবি আসল ছবির হুবহু একই থাকে।

FAQ

প্রশ্ন: hello শব্দের Base64 কোড কত?
উত্তর: aGVsbG8=। hello ৫ বাইটের, আর এর Base64 কোড ৮ অক্ষরের। Node-এ যাচাই করা হয়েছে।

প্রশ্ন: ১০০ KB ছবির Base64 কোড কত বড় হয়?
উত্তর: ১৩৬,৫৩৬ অক্ষরের। ১ MB ছবির হয় ১,৩৯৮,১০৪ অক্ষরের, আর ২ MB ছবির হয় ২,৭৯৬,২০৪ অক্ষরের। আসল ফাইলের চেয়ে প্রায় ৩৩ শতাংশ বড় হয়।

প্রশ্ন: আমার ছবি কি কোথাও আপলোড হয়?
উত্তর: না, একদমই না। ফাইলটি আপনার ব্রাউজারেই পড়া হয়, কোনো সার্ভারে পাঠানো হয় না। ইন্টারনেট ছাড়াও এই পাতা খোলা থাকলে কাজ চলে।

প্রশ্ন: ভুল Base64 কোড দিলে কী হয়?
উত্তর: টুলটি বাংলা ভুল বার্তা দেখায়। যেমন কোডের দৈর্ঘ্য ৪ দিয়ে ভাগ না গেলে, বা কোডে ভুল অক্ষর থাকলে, কোনো ছবি দেখায় না। কোডটি পুরো কপি করে আবার চেষ্টা করুন।