PNG থেকে Base64 রূপান্তর - বিনামূল্যে, তাৎক্ষণিক, ব্রাউজারেই
PNG থেকে Base64 কনভার্টার
সর্বোচ্চ ১০ MB। কিছুই আপলোড হয় না — ফাইল আপনার ডিভাইস ছাড়ে না।
এটি <img src> অ্যাট্রিবিউট বা CSS url()-এ ব্যবহার করুন।
data: উপসর্গ ছাড়া — JSON পেলোড ও API-র জন্য।
আপনার ফাইল গোপন থাকে
এই রূপান্তরটি সম্পূর্ণভাবে আপনার ব্রাউজারের ভেতরে চলে। ছবিটি কখনো আপলোড হয় না, তাই এখানে আপনি যা এনকোড করেন তার কিছুই আমাদের সার্ভারে বা অন্য কারও কাছে পৌঁছায় না।
PNG থেকে Base64 রূপান্তর সম্পর্কে
PNG হলো সেই ফরম্যাট যা মানুষ সবচেয়ে বেশি ইনলাইন করে — আইকন, লোগো, ছোট স্প্রাইট, ইন্টারফেসের সেই ক্ষুদ্র টুকরোগুলো যেগুলো নইলে প্রত্যেকে আলাদা একটি নেটওয়ার্ক অনুরোধ খরচ করত। একটিকে Base64-এ এনকোড করলে তা এমন লেখায় পরিণত হয় যা সরাসরি স্টাইলশিট বা HTML অ্যাট্রিবিউটে পেস্ট করা যায়। এটি ভালো ভাবনা কি না, তা প্রায় পুরোপুরি নির্ভর করে ফাইলটি কতটা ছোট তার ওপর।
কীভাবে PNG থেকে Base64 রূপান্তর করবেন
- 1 আপনার .png ফাইলটি আপলোড অংশে ছাড়ুন।
- 2 ফল সঙ্গে সঙ্গেই আসে — চাপার মতো কোনো বোতাম নেই, অপেক্ষারও কিছু নেই।
- 3 যে রূপটি দরকার তা কপি করুন: HTML ও CSS-এর জন্য data URI, JSON-এর জন্য কাঁচা স্ট্রিং, কিংবা তৈরি CSS নিয়ম।
কখন ইনলাইন করা সত্যিই লাভজনক
পৃষ্ঠার প্রতিটি আলাদা ছবি একটি অনুরোধ খরচ করে, আর অনুরোধের খরচ সে যত বাইট বহন করে তার চেয়েও বেশি। ১ KB আইকনের ক্ষেত্রে সেই খরচ ফাইলটির নিজের চেয়েও ভারী হতে পারে, তাই সেটিকে স্টাইলশিটের ভেতরে ভাঁজ করে নেওয়া সত্যিকারের লাভ। মোটা দাগে, কয়েক কিলোবাইটের নিচে ইনলাইন করা সাহায্য করে আর দশের ওপরে ক্ষতি করতে শুরু করে। সমতা বিন্দুটি নির্দিষ্ট কোনো সংখ্যা নয় — এটি আপনার সংযোগ, সার্ভার এবং ব্যান্ডউইদথের জন্য প্রতিযোগিতা করা অন্য জিনিসের সংখ্যার সঙ্গে সরে যায় — তবে বিনিময়ের ধরনটি সবসময় একই: আপনি একটি যাওয়া-আসাকে বাড়তি বাইট দিয়ে বদলে নেন।
আপনি কী ছাড়েন
তিনটি জিনিস, আর দ্বিতীয়টি মানুষকে অবাক করে। প্রথমত, আকার: এনকোড করা লেখা ফাইলের চেয়ে প্রায় এক-তৃতীয়াংশ বড়। দ্বিতীয়ত, ক্যাশিং: ইনলাইন করা ছবি আলাদাভাবে ক্যাশ করা যায় না, তাই তাকে ধারণ করা স্টাইলশিটের প্রতিটি পরিবর্তনে সেটি আবার নামানো হয় — আর স্টাইলশিট লোগোর চেয়ে অনেক বেশি বার বদলায়। তৃতীয়ত, ব্রাউজারকে আঁকার আগে স্ট্রিংটি ডিকোড করতে হয়; আইকনের ক্ষেত্রে তুচ্ছ, বড় কিছুর ক্ষেত্রে মাপযোগ্য। স্বচ্ছতা অন্তত অক্ষত থাকে: আলফা চ্যানেল PNG ডেটার অংশ এবং Base64 তা বাইট ধরে ধরে অনুলিপি করে।
আইকনের জন্য আগে SVG ভাবুন
আপনি যা এনকোড করছেন তা যদি সমতল আইকন বা সরল লোগো হয়, তবে SVG সাধারণত এনকোডিংয়ের আগেই PNG-র চেয়ে ছোট, আর পরে তো আরও ছোট — কারণ SVG এমনিতেই লেখা এবং তার Base64 লাগেই না। উপরন্তু দ্বিতীয় কোনো ফাইল ছাড়াই যেকোনো পর্দার ঘনত্বে মানিয়ে যায়। ছবিতে আলোকচিত্রসুলভ বিবরণ, নরম গ্রেডিয়েন্ট বা ভেক্টর যা ভালোভাবে সামলাতে পারে না এমন প্রভাব থাকলে PNG বেছে নিন — আর তখন সেটিকে এনকোড করার পরে নয়, আগে ছোট করুন। Base64 তাকে যা দেওয়া হয় তা-ই বিশ্বস্তভাবে বড় করে।