Base64 ইমেজ কী?

Base64 ইমেজ হলো Base64 এনকোডিং স্কিম ব্যবহার করে বাইনারি ইমেজ ডেটাকে সাধারণ টেক্সট হিসেবে উপস্থাপন করার একটি পদ্ধতি। কোনো বাহ্যিক ফাইলের রেফারেন্স দেওয়ার পরিবর্তে, সম্পূর্ণ ইমেজটি সরাসরি ASCII অক্ষরের একটি string হিসেবে এম্বেড করা হয়। এটি সাধারণত HTML এবং CSS-এ data URI (data:image/png;base64,...) এর মাধ্যমে ব্যবহৃত হয়, যা আলাদা HTTP রিকোয়েস্ট ছাড়াই ইমেজ ইনলাইনে অন্তর্ভুক্ত করার সুবিধা দেয়। Base64 এনকোডিং ডেটার আকার প্রায় ৩৩% বৃদ্ধি করে, তবে অতিরিক্ত ফাইল হোস্টিং বা নেটওয়ার্ক রাউন্ড-ট্রিপের প্রয়োজনীয়তা দূর করে।

টুলের বিবরণ

এই টুলটি কাস্টমাইজযোগ্য প্যাটার্ন এবং মাত্রা সহ র‍্যান্ডম ইমেজ তৈরি করে এবং ফলাফলটি Base64-এনকোডেড string হিসেবে আউটপুট দেয়। পাঁচটি ভিজ্যুয়াল প্যাটার্ন থেকে বেছে নিন — noise, rectangles, circles, gradients, বা lines — প্রস্থ এবং উচ্চতা সর্বোচ্চ 2048×2048 পিক্সেল পর্যন্ত সামঞ্জস্য করুন এবং একটি আউটপুট ফরম্যাট (PNG, JPEG, বা WebP) নির্বাচন করুন। ইমেজটি সম্পূর্ণরূপে ব্রাউজারে Canvas API ব্যবহার করে তৈরি হয়, কোনো সার্ভার আপলোড বা বাহ্যিক নির্ভরতা ছাড়াই।

উদাহরণ

Random Noise ২৫৬×২৫৬ আকারে একটি রঙিন স্ট্যাটিক প্যাটার্ন তৈরি করে যেখানে প্রতিটি পিক্সেলে র‍্যান্ডমলি নির্ধারিত RGB মান থাকে — টিভি স্ট্যাটিকের মতো তবে পূর্ণ রঙে।

Random Circles ৫১২×৫১২ আকারে একটি র‍্যান্ডম ব্যাকগ্রাউন্ডের উপর বিভিন্ন আকার ও রঙের ১০–৪০টি আধা-স্বচ্ছ বৃত্ত আঁকে, যা একটি বিমূর্ত বুদবুদের মতো কম্পোজিশন তৈরি করে।

Random Gradient ৮০০×৪০০ আকারে র‍্যান্ডমলি কোণযুক্ত লিনিয়ার গ্রেডিয়েন্ট বরাবর ২–৬টি র‍্যান্ডম রঙ মিশিয়ে মসৃণ রঙের পরিবর্তন তৈরি করে, যা ব্যাকগ্রাউন্ডের জন্য উপযুক্ত।

বৈশিষ্ট্যসমূহ

  • পাঁচটি স্বতন্ত্র প্যাটার্ন টাইপ: noise, rectangles, circles, gradient এবং lines
  • ১×১ থেকে সর্বোচ্চ 2048×2048 পিক্সেল পর্যন্ত কনফিগারযোগ্য মাত্রা
  • তিনটি আউটপুট ফরম্যাট: PNG, JPEG এবং WebP
  • এক-ক্লিকে কপি ও ডাউনলোড সহ তাৎক্ষণিক Base64 আউটপুট
  • সম্পূর্ণ ব্রাউজারে চলে — আপনার ডিভাইস থেকে কোনো ডেটা বাইরে যায় না

অপশনের ব্যাখ্যা

  • প্রস্থ / উচ্চতা: পিক্সেলে ইমেজের মাত্রা নির্ধারণ করুন (১–২০৪৮)। পরিবর্তনগুলো debounced, তাই স্লাইডার সামঞ্জস্য করার সাথে সাথে ইমেজটি মসৃণভাবে পুনরায় তৈরি হয়।
  • প্যাটার্ন: তৈরি করার জন্য র‍্যান্ডম ভিজ্যুয়াল প্যাটার্নের ধরন নির্বাচন করুন। প্রতিটি প্যাটার্ন র‍্যান্ডমাইজড আকার, রঙ এবং স্বচ্ছতা ব্যবহার করে একটি অনন্য শৈল্পিক স্টাইল তৈরি করে।
  • ইমেজ ফরম্যাট: PNG (lossless, বড় আকার), JPEG (lossy, ছোট আকার), বা WebP (আধুনিক, দক্ষ) এর মধ্যে বেছে নিন। এটি ডাউনলোডযোগ্য ইমেজ এবং Base64 আউটপুট উভয়কেই প্রভাবিত করে।

ব্যবহারের ক্ষেত্র

  • আলাদা ফাইল হোস্ট না করে সরাসরি HTML বা CSS-এ প্লেসহোল্ডার বা ডেকোরেটিভ ইমেজ এম্বেড করা
  • ডেভেলপমেন্ট এবং QA ওয়ার্কফ্লোর জন্য বৈচিত্র্যময় ভিজ্যুয়াল কন্টেন্ট সহ টেস্ট ইমেজ তৈরি করা
  • ডিজাইন মকআপের জন্য অনন্য প্রসিডিউরাল আর্ট বা বিমূর্ত ব্যাকগ্রাউন্ড তৈরি করা