মূল বিষয়বস্তুতে যান
FilesKit

ছবিকে Base64 বা ডেটা URI-তে বদলান

ছোট ছবিকে এমন লেখায় বদলান যা সরাসরি HTML, CSS, মার্কডাউন বা JSON ফাইলে বসানো যায়, আলাদা ফাইল ছাড়াই। এনকোডিং আপনার ব্রাউজারেই চলে, তাই ছবি আপলোড হয় না।

PNGJPGGIFWebPAVIFBMPICOSVGআপনার ব্রাউজারেই প্রসেস হয়
টুলটি আপনার ব্রাউজারে লোড হচ্ছে…

বৈশিষ্ট্য

  • পাঁচটি তৈরি ফরম্যাট

    ডেটা URI, শুধু Base64, CSS background-image নিয়ম, প্রস্থ-উচ্চতাসহ HTML img ট্যাগ অথবা মার্কডাউন ছবি পান।

  • এক ক্লিকে কপি

    ফলাফল ক্লিপবোর্ডে কপি করুন, অথবা লেখা লম্বা হলে টেক্সট ফাইল হিসেবে নামান।

  • সঠিক MIME টাইপ

    ডেটা URI-র টাইপ আসে ফাইলের আসল বিষয়বস্তু থেকে, শুধু এক্সটেনশন থেকে নয়, তাই photo.jpg নামের PNG-ও image/png পায়।

  • প্রচলিত সব ছবির ধরন

    PNG, JPG, GIF, WebP, AVIF, BMP, ICO ও SVG ফাইলে কাজ করে এবং ছবি বদলায় না: বাইটগুলো যেমন আছে তেমনই এনকোড হয়।

  • একসঙ্গে কয়েকটি ছবি

    একবারে সর্বোচ্চ ২০টি ছবি এনকোড করুন, প্রতিটির জন্য আলাদা টেক্সট ফাইল, অথবা সব একসঙ্গে ZIP আকারে নামান।

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

  1. ছবি বেছে নিন বা পেজে টেনে এনে ছেড়ে দিন।
  2. লেখাটি কোন আকারে হবে তা বেছে নিন।
  3. “এনকোড করুন” বোতামে ক্লিক করুন।
  4. লেখাটি কপি করুন বা TXT ফাইল ডাউনলোড করুন।

সমর্থিত ফরম্যাট

ইনপুটPNG, JPG, GIF, WebP, AVIF, BMP, ICO, SVG
আউটপুটTXT

লেখায় ছবিটি Base64 হিসেবে এনকোড করা থাকে, আপনার বেছে নেওয়া কোডের ভেতরে মোড়া।

সীমাবদ্ধতা ও জেনে রাখা ভালো

  • সর্বোচ্চ ২০টি ছবি, প্রতিটি ৫ MB এবং সব মিলিয়ে ২০ MB পর্যন্ত। Base64 লেখা ছবির চেয়ে প্রায় এক-তৃতীয়াংশ লম্বা, তাই ছোট ছবি ও আইকনের জন্য এটি সবচেয়ে ভালো।
  • ছবি ছোট, সংকুচিত বা কনভার্ট করা হয় না। লেখা বেশি লম্বা হলে আগে “ইমেজ রিসাইজার” বা “ইমেজ কমপ্রেসার” দিয়ে ছোট করে নিন।
  • খুব লম্বা ডেটা URI এডিটরে ধীর হতে পারে এবং সব প্রোগ্রাম তা নেয় না। কিছু ইমেইল ক্লায়েন্ট এগুলো আটকে দেয়।
  • HTML কোডে প্রস্থ ও উচ্চতা শুধু তখনই থাকে যখন ফাইলের হেডার থেকে তা পড়া যায়।
  • Base64 থেকে আবার ছবি ডিকোড করা এই টুলের অংশ নয়।

গোপনীয়তা ও প্রসেসিং

এনকোডিং করে আপনার ব্রাউজার। ছবি আপনার ডিভাইস থেকে পড়া হয়, পেজের ভেতরেই লেখায় বদলানো হয় এবং আপনার ডিভাইসেই কপি বা সংরক্ষণ হয়। FilesKit-এ কিছু পাঠানো হয় না; ছবি গ্রহণ করে এমন কোনো সার্ভার FilesKit-এর নেই।

কোথায় কাজে লাগে

  • CSS বা HTML-এ আইকন বসানো

    ছোট লোগো বা আইকন ইনলাইন করুন, যাতে পেজ বা ইমেইল সিগনেচারে একটি রিকোয়েস্ট কম লাগে।

  • JSON বা কনফিগ ফাইলে ছবি রাখা

    API পেলোড, টেস্ট ফিক্সচার বা কনফিগারেশন ফাইলের ভেতরে থাম্বনেইল বা অ্যাভাটার লেখা হিসেবে রাখুন।

  • একক ফাইলের ডকুমেন্ট

    এমন HTML পেজ বা মার্কডাউন নোট বানান যা নিজের ছবি নিজেই বহন করে এবং একটি ফাইল হিসেবে শেয়ার করা যায়।

  • ডিবাগ ও টেস্ট

    ছবি কোথাও হোস্ট না করেই টেস্ট, মক ডেটা ও বাগ রিপোর্টের জন্য ডেটা URI বানান।

অন্য পদ্ধতির সঙ্গে পার্থক্য

অনলাইন Base64 এনকোডার ছবি সার্ভারে আপলোড করে, যা ব্রাউজার নিজেই করতে পারে এমন কাজের জন্য অপ্রয়োজনীয়। FilesKit আপনার ডিভাইসেই এনকোড করে। base64-এর মতো কমান্ড লাইন টুলও একই কাজ করে এবং স্ক্রিপ্ট ও খুব বড় ফাইলের জন্য ভালো।

সচরাচর জিজ্ঞাসা

আমার ছবি কি আপলোড হয়?

না। ছবি ব্রাউজারেই এনকোড হয়, এবং FilesKit-এর এমন কোনো সার্ভার নেই যা আপনার ফাইল গ্রহণ করে।

ডেটা URI কী?

ডেটা URI এমন একটি ঠিকানা যাতে ইন্টারনেটের কোনো জায়গার দিকে নির্দেশ না করে ফাইলটি নিজেই থাকে। এটি data:image/png;base64, দিয়ে শুরু হয়, তারপর এনকোড করা ছবি থাকে।

লেখা ছবির চেয়ে বড় কেন?

Base64 ছবির প্রতি তিন বাইটকে চারটি অক্ষর হিসেবে লেখে, তাই লেখা প্রায় ৩৩ শতাংশ লম্বা হয়। বড় ছবির জন্য সাধারণ ছবির ফাইলই ভালো।

ফলাফল কি CSS ব্যাকগ্রাউন্ড হিসেবে ব্যবহার করা যায়?

হ্যাঁ। CSS ফরম্যাট বেছে নিয়ে নিয়মটি আপনার স্টাইলশিট বা style অ্যাট্রিবিউটে বসান।

Base64 আবার ছবিতে বদলাব কীভাবে?

ডেটা URI ব্রাউজারের অ্যাড্রেস বারে পেস্ট করলে ছবি দেখা যায়, অথবা কোনো ডিকোডার ব্যবহার করুন। এই টুল শুধু ছবি এনকোড করে।

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