মূল কনটেন্টে যান
LibraTool logoLibraTool

বিনামূল্যে ছবি থেকে Base64

CSS, HTML বা Markdown-এ ইনলাইন ব্যবহারের জন্য ছবিকে Base64 ডেটা URI-তে রূপান্তর করুন। রেডি-মেড স্নিপেট কপি করুন। ব্রাউজারেই এনকোড হয়; কখনো আপলোড হয় না।

একবার লোড হলে অফলাইনেও কাজ করে

এখানে একটি ফাইল ছাড়ুন, অথবা ব্রাউজ করতে ক্লিক করুন

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · আপনার ডিভাইসে প্রক্রিয়াকৃত

অথবা ক্লিপবোর্ড থেকে পেস্ট করতে Ctrl+V চাপুন

ফাইল ব্রাউজ করুন

টিপ: আপনি আপনার ক্লিপবোর্ড থেকে একটি চিত্র পেস্ট করতে পারেন (Ctrl+V)।

আপনার ফাইল কখনো আপনার ডিভাইস ছাড়ে না। সমস্ত প্রক্রিয়াকরণ আপনার ব্রাউজারে স্থানীয়ভাবে হয়।

একটি ছবিকে Base64 data URI-তে রূপান্তর করুন যা সরাসরি CSS, HTML বা Markdown-এ পেস্ট করা যায় — আলাদা ফাইলের দরকার নেই। ব্রাউজারে এনকোড হয়; কখনো আপলোড হয় না।

সাধারণ ব্যবহার

  • CSS এ ইমেজ ইনলাইন করুনআপনার স্টাইলশীটে ডেটা URI হিসাবে ছোট আইকন বা পটভূমি এম্বেড করুন।
  • HTML এ ইমেজ ইনলাইন করুনস্ব-নিহিত HTML এ সরাসরি লোগো বা আইকন এম্বেড করুন।
  • SVG বা আইকন বেস64 এ রূপান্তরিত করুনইনলাইনিংয়ের জন্য ছোট আইকনকে ডেটা URI তে রূপান্তরিত করুন।
  • মার্কডাউনে ইমেজ ইনলাইন করুনডেটা URI দিয়ে মার্কডাউন ফাইলে ছোট ইমেজ এম্বেড করুন।
  • ইমেজ ডেটা URI পানকাঁচা ডেটা: URI তৈরি করুন যা আপনি যেকোনো জায়গায় ব্যবহার করতে পারেন।

কিভাবে কাজ করে

একটি ডেটা URI একটি ছবি সরাসরি আপনার কোডে পাঠ্য হিসাবে এম্বেড করে, যাতে এটি একটি পৃথক ফাইল অনুরোধ ছাড়াই লোড হয় — ছোট আইকন এবং স্ব-সমন্বিত HTML এর জন্য সুবিধাজনক। এটি আপনার ব্রাউজারে এনকোড করে।

  1. 1
    আপনি একটি ছবি ড্রপ করেন
    এটি FileReader API দিয়ে স্থানীয়ভাবে পড়া হয় — কখনো আপলোড করা হয় না।
  2. 2
    এটি Base64-এনকোডেড হয়
    ছবির বাইট একটি ডেটা: URI (data:image/...;base64,…) আপনার ব্রাউজারে সরাসরি হয়ে যায়।
  3. 3
    আপনি একটি স্নিপেট নির্বাচন করেন
    কাঁচা ডেটা URI অনুলিপি করুন বা প্রস্তুত-তৈরি CSS (background-image), HTML (<img>) বা Markdown।
  4. 4
    এটি আপনার কোডে পেস্ট করুন
    ছবি এখন আপনার CSS/HTML এর সাথে ইনলাইন ভ্রমণ করে — হোস্ট করার জন্য কোনো অতিরিক্ত ফাইল নেই।

ছবি সম্পূর্ণভাবে আপনার ডিভাইসে এনকোড করা হয়। মনে রাখবেন যে Base64 মূলের চেয়ে ~33% বড়, তাই ডেটা URI ছোট ছবির জন্য সেরা।

সম্পর্কিত টুলস

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী