UltKit
ছবি11
PDF13
ডকুমেন্ট ও ডেটা7
ভিডিও6
অডিও4
আরও টুল22

ছবি থেকে Base64 কনভার্টার

ছবির ফাইলকে এক লাইনের টেক্সটে রূপান্তর করুন, যা HTML, CSS, JSON রিকোয়েস্ট বা Markdown ফাইলে পেস্ট করা যায়। সামনে data URI প্রিফিক্স আগে থেকেই বসানো থাকে, তাই পেস্ট করার সাথে সাথেই কাজ করে।

ডেটা কনভার্টার

অথবা CSV, TSV, TXT … ফাইল এখানে ড্রop করুন ·

প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়

আউটপুট

ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।

এই টুল কীভাবে ব্যবহার করবেন

  1. 1

    ছবিগুলো যোগ করুন

    PNG, JPG, GIF, WebP বা SVG ফাইল আপলোড এলাকায় ছেড়ে দিন। একসাথে সর্বোচ্চ 20টি ফাইল, প্রতিটি 95 MB পর্যন্ত।

  2. 2

    প্রিফিক্স রাখুন বা বাদ দিন

    Data URI প্রিফিক্স চালু আছে, তাই ফলাফল data:image/png;base64, বা মানানসই টাইপ দিয়ে শুরু হয়। কোনো API শুধু Base64 স্ট্রিং চাইলে উন্নত সেটিংস থেকে এটি বন্ধ করুন।

  3. 3

    কনভার্ট করে কপি করুন

    Base64 টেক্সটে কনভার্ট করুন চাপুন এবং প্রতিটি ছবির জন্য একটি .txt ফাইল ডাউনলোড করুন, যা সরাসরি আপনার কোডে পেস্ট করা যায়।

ছবি আপলোড করে Base64 টেক্সটে কনভার্ট করুন চাপুন। ফাইলটি সাধারণ অক্ষর হিসেবে এনকোড হয়ে পাবেন, যা data:image/…;base64, দিয়ে শুরু হয়, তাই সরাসরি img src বা CSS url()-এ বসানো যায়। ছবির কিছুই বদলায় না।

Base64 ছবি কোথায় কাজে লাগে

Base64 সংজ্ঞায়িত হয়েছে RFC 4648 (2006)-এ। এটি বাইনারি ডেটার প্রতি 3 বাইটকে A–Z, a–z, 0–9, + ও / নিয়ে গঠিত 64 অক্ষরের বর্ণমালার 4টি অক্ষরে রূপ দেয়। ফলাফল টেক্সটের জন্য তৈরি যেকোনো চ্যানেলে টিকে থাকে। 1998 সালে Larry Masinter RFC 2397 হিসেবে data URI স্কিম লেখেন, যা ব্রাউজারকে সেই টেক্সটকে ফাইলের মতো ব্যবহার করতে দেয়।

ফ্রন্ট-এন্ড ডেভেলপাররা ছোট আইকন, লোডিং স্পিনার ও প্লেসহোল্ডার ছবি ইনলাইন করেন, যাতে বাড়তি রিকোয়েস্ট ছাড়াই পেজ রেন্ডার হয়। ব্যাক-এন্ড ডেভেলপাররা JSON-এর ভেতরে ছবি পাঠান, কারণ ভিশন ও OCR সার্ভিসসহ অনেক API ছবি Base64 ফিল্ড হিসেবে নেয়। টেস্টাররা সোর্স কোডে ফিক্সচার রাখেন, আর একক ফাইলের HTML রিপোর্ট বা Markdown নোট বানানোর লোকেরা স্ক্রিনশট এমবেড করেন, যাতে ইমেইল বা আর্কাইভ করলেও ফাইল স্বয়ংসম্পূর্ণ থাকে।

Base64 আউটপুট দেখতে কেমন

img ট্যাগের ভেতরে data URI হিসেবে 1 × 1 স্বচ্ছ PNG (68 বাইট)
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="১ পিক্সেলের ছবি">

PNG আইকন ফাইল

24 KB

সাধারণ টুলবার আইকন সেট, 96 × 96 px

+33% সাইজ, কোয়ালিটিতে কোনো পরিবর্তন নেই

Base64 টেক্সট

32 KB

প্রতি 3 বাইটে 4টি অক্ষর, সঙ্গে প্রিফিক্স

ANY I

যেকোনো ছবি

এই টুল JPG, PNG, WebP, HEIC, GIF, BMP ও TIFF সহ প্রচলিত ছবির ফরম্যাট গ্রহণ করে। ফাইল থেকে ফরম্যাট নিজে থেকেই শনাক্ত হয়, তাই ছবিটি কোন ধরনের তা আপনাকে জানতে হবে না।

Any image কনভার্টার

BASE64

Base64-এনকোডেড টেক্সট

Base64 হলো RFC 4648-এ সংজ্ঞায়িত একটি এনকোডিং পদ্ধতি, যা যেকোনো বাইনারি ডেটাকে ৬৪টি নিরাপদ টেক্সট অক্ষরের স্ট্রিংয়ে রূপান্তর করে। HTML ও CSS-এ ডেটা URI হিসেবে ছবি এম্বেড করতে, ইমেইলে ফাইল সংযুক্ত করতে এবং JSON বা XML-এ বাইনারি ডেটা পাঠাতে এটি ব্যবহৃত হয়। এনকোডিং সম্পূর্ণ ফিরিয়ে আনা যায়, তবে ডেটার আকার প্রায় 33% বেড়ে যায়। Base64 এনক্রিপশন নয় এবং কোনো নিরাপত্তা দেয় না; যে কেউ এটি ডিকোড করতে পারে।

কম্প্রেশন
লসলেস
স্বচ্ছতা (ট্রান্সপারেন্সি)
–
অ্যানিমেশন
–
প্রবর্তনের সাল
–
BASE64 কনভার্টার

ছবি Base64 টেক্সট হয় যখন তাকে এমন কিছুর ভেতরে পাঠাতে হয় যা শুধু টেক্সট বহন করে: আলাদা রিকোয়েস্ট ছাড়া HTML বা CSS ফাইল, API কলের JSON ফিল্ড, টেস্ট ফিক্সচার, বা একক ফাইলের রিপোর্ট।

ছবি ইনলাইন করলে কখন পেজের উপকার হয়, আর কখন ক্ষতি

ইনলাইন করলে একটি রিকোয়েস্ট বাঁচে, যা HTTP/1.1-এ সবচেয়ে গুরুত্বপূর্ণ ছিল, যখন ব্রাউজার প্রতি সাইটে হাতে গোনা কয়েকটি কানেকশন খুলত। HTTP/2 ও HTTP/3 মাল্টিপ্লেক্সিংয়ে বাড়তি ছোট রিকোয়েস্ট সস্তা, তাই সুবিধা কমে যায় অথচ খরচগুলো থেকেই যায়: এনকোড করা ছবি আলাদাভাবে ক্যাশ হয় না, HTML বা CSS বদলালেই আবার ডাউনলোড হয়, এবং যে ফাইলে থাকে তার পার্সিং দেরি করায়।

যুক্তিসংগত নিয়ম হলো শুধু কয়েক কিলোবাইটের সেই ছবিগুলো ইনলাইন করা যা প্রতিটি পেজে থাকে, যেমন লোগো বা আইকন স্প্রাইট, আর বাকি সব ফাইল হিসেবে দেওয়া। ফটো প্রায় কখনোই ইনলাইনে মানায় না। টেক্সট নয়, অন্য ধরনের ফাইল দরকার হলে ইমেজ কনভার্টার সেটি করে দেয়।

Base64 ছবির সুবিধা

  • একটিমাত্র স্বয়ংসম্পূর্ণ HTML, CSS বা JSON ফাইল
  • ছোট আইকনের জন্য বাড়তি রিকোয়েস্ট লাগে না
  • JSON, XML ও অন্যান্য টেক্সট ফরম্যাটের ভেতরে নিরাপদ
  • লসলেস ও ফেরানো যায়

Base64 ছবির খরচ

  • বাইনারি ফাইলের চেয়ে প্রায় 33% বড়
  • ব্রাউজার আলাদাভাবে ক্যাশ করে না
  • অনেক ইমেইল ক্লায়েন্ট ছবি হিসেবে ব্লক করে
  • কোড ডিফে রিভিউ করা কঠিন

ছবি থেকে Base64 নিয়ে প্রশ্ন

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

Base64 শুধু এনকোড করা অক্ষরগুলো। data URI সেগুলোকে একটি স্কিম ও টাইপ দিয়ে মুড়ে দেয়, অর্থাৎ data:image/png;base64, এবং তার পরে অক্ষরগুলো, যাতে ব্রাউজার বুঝতে পারে কীভাবে ডিকোড করে দেখাতে হবে। HTML ও CSS-এ পুরো data URI লাগে; বেশিরভাগ JSON API শুধু সাধারণ Base64 অংশ চায়।

Base64 করলে ছবির সাইজ কতটা বাড়ে?

Base64 প্রতি 3 বাইটের জন্য 4টি অক্ষর লেখে, তাই টেক্সট ফাইলের চেয়ে প্রায় এক-তৃতীয়াংশ বড় হয়, সঙ্গে ছোট প্রিফিক্স। 30 KB-র একটি PNG প্রায় 40 KB টেক্সট হয়ে যায়। HTML বা CSS gzip-কম্প্রেসড অবস্থায় পাঠানো হলে ট্রান্সফারে এই বাড়তি আকারের কিছুটা পুষিয়ে যায়।

ইমেইল সিগনেচারে কি Base64 ছবি ব্যবহার করা যায়?

এটি নির্ভরযোগ্য নয়। Gmail data URI ছবি দেখায় না, কয়েকটি ডেস্কটপ মেইল প্রোগ্রামও সেগুলো বাদ দেয়, ফলে প্রাপক ভাঙা আইকন দেখেন। ছবিটি ওয়েব সার্ভারে হোস্ট করুন বা অ্যাটাচ করুন, আর Base64 রাখুন ওয়েব পেজ ও অ্যাপের জন্য।

SVG আইকন কি Base64 এনকোড করা উচিত?

কাজ করে, তবে SVG আগে থেকেই টেক্সট। Base64 এনকোডের বদলে মার্কআপ URL-এনকোড করলে সাধারণত data URI ছোট হয় এবং পড়াও যায়। ছোট আইকনের চেয়ে বড় কিছুর জন্য আলাদা SVG ফাইল ভালো, যা ব্রাউজার ক্যাশ করতে পারে।

Base64 টেক্সট থেকে কি আবার ছবি বানানো যায়?

হ্যাঁ, এনকোডিং লসলেস ও পুরোপুরি ফেরানো যায়: ডিকোড করলে হুবহু মূল বাইট ফিরে আসে। প্রতিটি প্রোগ্রামিং ভাষায় ডিকোডার আছে, আর পুরো data URI ব্রাউজারের অ্যাড্রেস বারে পেস্ট করলে ছবিটি দেখা যায়।

এনকোড করলে কি ছবির কোয়ালিটি বদলায়?

না। Base64 বাইটগুলো কীভাবে লেখা হয় তা বদলায়, পিক্সেল নয়। স্ট্রিং ছোট করতে আগে ছবিটি ছোট করুন, যেমন ছবি 20 KB-তে কম্প্রেস করুন দিয়ে, তারপর ছোট ফাইলটি এনকোড করুন।