ছবি থেকে Base64
এই ছবি থেকে Base64 কনভার্টারে যেকোনো ছবি ছেড়ে দিন, পেয়ে যাবেন data URI এবং HTML, CSS ও JavaScript-এর জন্য সরাসরি পেস্ট করার মতো স্নিপেট। ছোট আইকনের ক্ষেত্রে ইনলাইন ছবি HTTP রিকোয়েস্ট বাঁচায়, আর সিঙ্গেল-ফাইল HTML, ই-মেইল টেমপ্লেট ও অফলাইন অ্যাপের জন্য এগুলো অপরিহার্য।
অনলাইনে কীভাবে ছবি থেকে Base64 রূপান্তর করবেন
- একটি ছবির ফাইল বেছে নিন বা ছবির URL পেস্ট করুন।
- আউটপুট বেছে নিন: data URI,
<img>, CSS background, favicon, JSON ও আরও। - ছবি Base64-এ এনকোড ক্লিক করুন।
- ছবি প্রিভিউ করে কোড কপি করুন।
আরও ছবি থেকে Base64 কনভার্টার
আউটপুট ফরম্যাট
ফলাফল কোন রূপে চান তা বেছে নিন। কনভার্টার যা দিতে পারে:
- txt: শুধু Base64 স্ট্রিং, কোড, ডেটাবেস ফিল্ড বা API রিকোয়েস্টে সরাসরি পেস্ট করার জন্য প্রস্তুত।
- uri: একটি সম্পূর্ণ
data:URI, যা ব্রাউজারের অ্যাড্রেস বারে পেস্ট করা যায় বা যেখানে URL গ্রহণ করা হয় সেখানেই ব্যবহার করা যায়। - html img:
src-এ data URI সহ একটি<img>ট্যাগ। - css background image:
background-image: url(data:...)ব্যবহার করা একটি CSS রুল। - html favicon: ইনলাইন favicon-এর জন্য একটি
<link rel="icon">ট্যাগ। - html hyperlink: একটি
<a>লিংক, যা যুক্ত ফাইলটি ডাউনলোড করে বা খোলে। - html iframe: একটি
<iframe>, যা কনটেন্টটি পেজের ভেতরেই দেখায়। - javascript image: JavaScript যা একটি
Imageঅবজেক্ট তৈরি করে। - javascript popup: JavaScript যা কনটেন্টটি নতুন উইন্ডোতে খোলে।
- json: ফাইলের নাম, MIME type ও ডেটাসহ একটি JSON অবজেক্ট।
- xml: CDATA সেকশনের ভেতরে ডেটাসহ একটি XML এলিমেন্ট।
কখন ছবি Base64 হিসেবে ইনলাইন করা উচিত?
রিকোয়েস্ট বাঁচাতে আইকন, লোগো ও প্লেসহোল্ডারের মতো ছোট ছবি (মোটামুটি 5–10 KB-এর কম) ইনলাইন করুন। বড় ছবি ইনলাইন করবেন না: এতে HTML/CSS ভারী হয়, আলাদাভাবে ক্যাশ করা যায় না এবং রেন্ডারিং দেরি হয়। বিস্তারিত জানতে দেখুন data URI-এর ব্যাখ্যা।
সাধারণ জিজ্ঞাসা
ছবি কীভাবে Base64-এ রূপান্তর করব?
আপনার ছবি বেছে নিন, আউটপুট হিসেবে "Data URI" বা "<img>" নির্বাচন করুন এবং "ছবি Base64-এ এনকোড" ক্লিক করুন। ফলাফল আপনার HTML বা CSS-এ কপি করুন।
কোন কোন ইমেজ ফরম্যাট সমর্থিত?
আপনার ব্রাউজার পড়তে পারে এমন যেকোনো ফরম্যাট: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF এবং আরও।
HTML-এ Base64 ছবি কীভাবে ব্যবহার করব?
data URI-টি src অ্যাট্রিবিউটে বসান: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">।
মন্তব্য (0)
“ছবি থেকে Base64” নিয়ে প্রশ্ন, আইডিয়া বা কোনো বাগ? মন্তব্য করুন, টুলটিকে রেটিং দিন বা অন্যদের উত্তর দিন।
এখনো কোনো মন্তব্য নেই। প্রথম মতামতটি আপনিই দিন!