ইমেজকে কনভার্ট করুন base64 এ – Image to base64

আমরা বিভিন্ন ওয়েব পেজে ইমেজ বসাই। এজন্য আমরা ইমেজ আপলোড দেই। কোড বসাই। তারপর ইমেজ দেখা যায়। কিন্তু অনেকেই দেখে থাকবেন যে কিছু কিছু ওয়েবসাইট তাদের ইমেজ (কিছু ক্ষেত্রে) তারা না বসিয়ে তার বদলে সেটি base64 এনকোড করে সেই কোড বসায়। যার ফলে কাজ যেটি সেটি ঠিকি হয় তবে আলাদা ভাবে ইমেজ আপলোড দিতে হয় না। তবে এটি আমার কাছে তেমন জনপ্রিয় বলে মনে হচ্ছে না। কারন এতবড় কোড বসানোর পর সেট ম্যানেজ করা মনে হয় একটু ঝামেলারই। তারপরও আমরা শেখার জন্য শিখছি, ভাল লাগলে ইউজ করবো না লাগলে তো লস হচ্ছে না।

একটি এক্সাম্পল দেখে নেই-

ধাপ ১: আসুন, প্রথমেই আমরা এই ওয়েব সাইটে যাই। তারপর সেখানের লোগো এর উপর মাউসের রাইট বাটন ক্লিক করি। তারপর View Image এ ক্লিক করি।

ধাপ ২: এবার এড্রেসবারে লক্ষ্য করে দেখুন কিছু কোড দেখা যাচ্ছে ঠিক এরকম “data:image/png;base64,iVBORw0KGgoAAA……..” । এটি হচ্ছে ইমেজটির কোড।

তার মানে এখানে ইমেজটি আসলে base64 এ এনকোড করা। আলাদা ভাবে কোন ইমেজ আপলোড করা হয় নি এটি দেখানোর জন্য।

তো আসুন দেখে নেই কিভাবে আমরা এ কাজটি করতে পারি-

ধাপ ১: প্রথমেই এই লিংকে ক্লিক করি।

ধাপ ২: তারপর ব্রাউজ বাটনে ক্লিক করে যে ইমেজটি এনকোড করতে চাই সেটি সিলেক্ট করে দেই।

Image to base64 (1)
Image to base64 (1)

ধাপ ৩: তারপর আপলোড বাটনে ক্লিক করি।

তাহলে আমরা Example এ আমাদের আপলোড করা ইমেজটা দেখতে পাবো। আর ইমেজটি হচ্ছে এনকোড করা। আর সাথে আমরা Image tag ও CSS background নামে দুটো কোড পাবো। এর মধ্যে ইমেজ ট্যাগের কোড টুকু আমরা আমাদের এইচটিএমএল ফাইলে বসালেই ইমেজটি দেখতে পাবো। আর সিএসএস এ ইমেজটি ইউজ করার জন্য আমরা সিএসএস ব্যাকগ্রাউন্ডের কোডটুকু ইউস করতে পারি।

Image to base64 (2)
Image to base64 (2)

ব্যাস হয়ে গেলো ইমেজ এমবেড করা। আপনি চাইলে এড্রেস বারে ইমেজ ট্যাগের কোড এর data:image/png;base64, হতে শুরু করে লাস্টের ” /> এই অংশের আগ পর্যন্ত (” /> এটা বাদে) কোড টুকু কপি করে এড্রেস বারে দিয়ে এন্টার দিলেই ইমেজটা দেখতে পাবেন।

Please complete the required fields.
দয়াকরে পোস্ট রিপোর্টের কারণ নির্দিষ্টভাবে বর্ণনা করুন...




ফেসবুক মন্তব্য

মন্তব্য

মোঃ ফয়সাল হোসেন সোহাগ

জীবনটা কতই মধুর, যদি পাশে থাকে কেউ। বৃষ্টির টুপুর টাপুর শব্দ, পরন্ত বিকেলে হৃদয়ে মৃদু দোলা দিয়ে যায় তখন, যখন পাশে থাকে কেউ। ছোট্ট এই জীবন, সীমিত আয়ু, যান্ত্রিক পৃথিবী, যান্ত্রিক এই আমি, একটু শান্তির সন্ধানে…
গুগল অথরশীপ লিংক

4 thoughts on “ইমেজকে কনভার্ট করুন base64 এ – Image to base64

Leave a Reply

Your email address will not be published. Required fields are marked *

Enable Google Transliteration.(To type in English, press Ctrl+g)

http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
more...