এই উদাহরণটি অনুসরণ করুন, তারপর একই কন্ট্রোলগুলো আপনার নিজের ইমেজের জন্য ব্যবহার করুন। ইমেজ টু বেস64 কনভার্টার খুলুন.
একটি ছবি নির্বাচন করুন এবং এর পরিচয় প্রিভিউ করুন
Image to Base64 কনভার্টার খুলুন। একটি ছবি নির্বাচন করুন অথবা একটি নমুনা ব্যবহার করে দেখুন। উদাহরণটিতে 512 × 512 পিক্সেল favicon-orbit.png ব্যবহার করা হয়েছে, যাতে 202,491 বাইট রয়েছে। এডিটরটি ছবির উপরেই এর কোড দেখায় যাতে আপনি নিশ্চিত হতে পারেন যে আপনি সঠিক অ্যাসেটটি নির্বাচন করেছেন।
PNG, JPG, WebP, GIF, BMP এবং AVIF সমর্থিত যদি আপনার ব্রাউজার প্রিভিউয়ের জন্য সেগুলো ডিকোড করতে পারে। সর্বোচ্চ ফাইলের আকার 25 MB, যার সীমা 60 মেগাপিক্সেল এবং প্রতি পাশে 16,000 পিক্সেল। SVG মার্কআপ এই রাস্টার কনভার্টারের মাধ্যমে গৃহীত হয় না।
টুলটি আসল ফাইলের বাইটগুলো পড়ে। এটি ছবিটিকে পুনরায় তৈরি, রিসাইজ বা রিকম্প্রেস করার জন্য প্রিভিউ ব্যবহার করে না। তাই বিদ্যমান মেটাডেটা এবং GIF অ্যানিমেশন এনকোড করা ডেটাতে বজায় থাকে।
এনকোড করার আগে, যদি আপনার ছোট অ্যাসেটের প্রয়োজন হয় তবে Resize Image বা Image Compressor ব্যবহার করুন। Base64 নিজে থেকে ছবির আকার কমায় না।
আপনার প্রজেক্টের প্রত্যাশিত উপস্থাপনাটি বেছে নিন
সেটিংস খুলুন এবং এই উদাহরণের জন্য কোড ফরম্যাটের অধীনে HTML ইমেজ নির্বাচন করুন। ফলাফলটি হলো একটি img ট্যাগ যাতে একটি Base64 ডেটা URL রয়েছে। alt অ্যাট্রিবিউটটি শুরুতে খালি থাকে; যখন ছবিটি কোনো তথ্য প্রদান করে তখন প্রয়োজনীয় অল্টারনেটিভ টেক্সট লিখুন।
ডেটা URL একটি প্রিফিক্স দিয়ে শুরু হয় যেমন data:image/png;base64, যার পরে এনকোড করা ডেটা থাকে। প্লেইন Base64-এ শুধুমাত্র ডেটা থাকে। CSS ব্যাকগ্রাউন্ড ডেটা URL-কে একটি background-image ডিক্লারেশনে মুড়িয়ে দেয়। এই উপস্থাপনাগুলো বিভিন্ন গন্তব্যের জন্য কাজ করে, তাই শুধুমাত্র ফাইলের নাম পরিবর্তন না করে আপনার অ্যাপ্লিকেশনের অনুরোধ করা ফরম্যাটটি কপি করুন।
কোড ফরম্যাট পরিবর্তন করার সাথে সাথে কোড প্যানেলটি আপডেট হয়ে যায়। কপি আইকনটি বর্তমান উপস্থাপনাটি কপি করে এবং সফলভাবে কপি হওয়ার নিশ্চিতকরণ বার্তা দেয়। যখন ক্লিপবোর্ডে অ্যাক্সেস ব্লক করা থাকে, তখন কোডটি ম্যানুয়ালি কপি করার জন্য সিলেক্ট করা হয়।
একটি সম্পূর্ণ HTML img ট্যাগ ডেটা URL-এর মতো একই জিনিস নয়। যখন কোনো ফিল্ড URL চায় তখন শুধুমাত্র src মানটি ব্যবহার করুন।
এই নির্দেশিকার উদাহরণ
একটি নমুনা ব্যবহার করে দেখুন: favicon-orbit.png, 512 × 512 px, 202,491 বাইট। কোড ফরম্যাটের অধীনে HTML ইমেজ বেছে নিন। Start নির্বাচন করুন এবং favicon-orbit-base64.txt ডাউনলোড করুন।
- মূল PNG
- 512 × 512 px · 202,491 বাইট
- HTML টেক্সট আউটপুট
- 270,029 বাইট
- এনকোডিং
- মূল বাইট; কোনো রিকম্প্রেশন নেই
কোডটি ডাউনলোড করুন এবং এর আকার বুঝুন
Start নির্বাচন করুন, তারপর Download করুন। উদাহরণটি HTML ইমেজ কোড সম্বলিত favicon-orbit-base64.txt সেভ করে। এর 270,029 বাইট 202,491-বাইট সোর্সের চেয়ে বড়। নিবন্ধের তুলনাটি ডাউনলোড করা টেক্সটের শুরুর অংশ দেখায়, যা শুধুমাত্র পড়ার সুবিধার জন্য সংক্ষিপ্ত করা হয়েছে।
Base64 সাধারণত তিনটি সোর্স বাইটকে চারটি টেক্সট ক্যারেক্টারে রূপান্তর করে, ছোট র্যাপারের আগে প্রায় এক-তৃতীয়াংশ যোগ করে। একটি ছোট আইকন এম্বেড করা একটি ডকুমেন্টকে স্বয়ংসম্পূর্ণ করতে পারে, কিন্তু বড় ইমেজ স্ট্রিংগুলো HTML বা CSS-এর ভেতরে রাখলে তা ডকুমেন্টকে বড় করে তোলে এবং ছবিটিকে আলাদা ফাইল হিসেবে ক্যাশ হতে বাধা দেয়।
এনকোডিং মানে এনক্রিপশন নয়। যে কারো কাছে সম্পূর্ণ Base64 স্ট্রিং থাকলে সে মূল ছবিটি পুনরুদ্ধার করতে পারে। যদি কোডটিতে ব্যক্তিগত তথ্য থাকে তবে সোর্সের মতোই কোডটির যত্ন নিন।
এই নিবন্ধের সংক্ষিপ্ত অংশটি ব্যাখ্যামূলক। সম্পূর্ণ ডাউনলোড করা TXT ব্যবহার করুন অথবা টুল থেকে পুরো কোডটি কপি করুন।
সাধারণ প্রশ্ন
এনকোডিং কি ছবির গুণমান কমিয়ে দেয়?
না। এনকোডিং মূল বাইটগুলো সংরক্ষণ করে। এটি ছবির আকার পরিবর্তন, কমপ্রেশন বা পুনরায় আঁকে না।
Base64 স্ট্রিংটি ছবির চেয়ে বড় কেন?
Base64 তিনটি ইনপুট বাইটকে চারটি টেক্সট ক্যারেক্টার দিয়ে উপস্থাপন করে, তাই এটি সাধারণত কোনো র্যাপার বা প্রিফিক্সের আগে প্রায় এক-তৃতীয়াংশ বৃদ্ধি পায়।
GIF অ্যানিমেশনগুলো কি সংরক্ষিত থাকে?
এনকোডিং মূল GIF বাইট সংরক্ষণ করে, অ্যানিমেশন সহ। এনকোড করা ডেটা সমস্ত ফ্রেম ধরে রাখলেও প্রিভিউতে একটি স্থির ফ্রেম দেখাতে পারে।
Base64 কি গোপন ছবির জন্য নিরাপদ?
Base64 এনক্রিপশন নয়। যদি মূল ছবিটি ব্যক্তিগত হয়, তবে স্ট্রিংটি গোপন রাখুন। কনভার্টারটি নিজেই আপনার ব্রাউজারে স্থানীয়ভাবে এটি প্রসেস করে।
সঠিক ইমেজকে সঠিক কোডে রূপান্তর করুন।
একটি নমুনা ব্যবহার করে দেখুন বা আপনার নিজের ফাইল ব্যবহার করুন এবং শেয়ার করার আগে ফলাফল পর্যালোচনা করুন।
