PDFKhata
ENবাং

ছবি থেকে Base64

কোডে বসানোর জন্য data URI নিন।

ফাইল আপনার ডিভাইসের বাইরে যায় না

ছবি থেকে Base64: কীভাবে ব্যবহার করবেন

ছবিকে লেখা হিসেবে নিন, যাতে সরাসরি HTML, CSS, JSON বা ইমেইল টেমপ্লেটে বসাতে পারেন। পুরো data URI বা শুধু Base64 অংশটা কপি করুন। ছোট আইকন আর লোগোর জন্য এটা সবচেয়ে ভালো, কারণ Base64 মূল ফাইলের চেয়ে প্রায় এক-তৃতীয়াংশ বড় হয়।

  1. ১

    একটি ছবি বেছে নিন।

  2. ২

    Data URI নাকি শুধু Base64, বেছে নিন।

  3. ৩

    কপি করে আপনার কোডে পেস্ট করুন।

ছবি থেকে Base64: সাধারণ প্রশ্ন

HTML-এ Base64 ছবি কীভাবে ব্যবহার করব?

data URI কপি করে src অ্যাট্রিবিউটে বসান, যেমন <img src="data:image/png;base64,...">। CSS-এ url()-এর ভেতরে দিন।

data URI আর Base64-এর পার্থক্য কী?

data URI হলো Base64 লেখার সামনে data:image/png;base64, এর মতো একটা অংশ, যা ব্রাউজারকে ফাইলের ধরন জানায়। কোনো টুল বা API শুধু এনকোড করা স্ট্রিং চাইলে তখন শুধু Base64 নিন।

বড় ছবি কি Base64 করা উচিত?

সাধারণত না। প্রায় ১০ KB-এর বেশি হলে সাধারণ ছবির ফাইলই ভালো, কারণ Base64 আকারে বড় হয় আর কোডের ভেতরে বসানো ছবি আলাদা করে ক্যাশ হয় না।

ছবি বিভাগের আরও টুল