CSS Data URI কনভার্টার
একটি স্টাইলশিট পেস্ট করুন, ফাইল বেছে নিন বা রিমোট CSS ফাইলের URL দিন। কনভার্টার প্রতিটি url(...) রেফারেন্স খুঁজে বের করে, আপনার সীমার চেয়ে ছোট রিসোর্সগুলো ডাউনলোড করে এবং সেগুলোকে Base64 data URI দিয়ে বদলে দেয়।
| রিসোর্স | আকার | ফলাফল |
|---|
CSS-এর ছবি ইনলাইন করা কখন উপকারী
প্রতিটি বাহ্যিক ছবির জন্য একটি রিকোয়েস্ট লাগে। ছোট আইকনগুলো Base64 data URI হিসেবে ইনলাইন করলে সেই রিকোয়েস্ট লাগে না এবং ঝলকানিও এড়ানো যায়। কয়েক কিলোবাইটের বেশি হলে 33% অতিরিক্ত আকার ও ক্যাশিং হারানোর ক্ষতি লাভকে ছাড়িয়ে যায়, তাই কনভার্টারে আকারের সীমা আছে। Base64-এর বাড়তি আকারের বেশিরভাগটা পুষিয়ে নিতে ফলাফল gzip বা Brotli দিয়ে পরিবেশন করুন।
সাধারণ জিজ্ঞাসা
CSS-এর সব ছবি কি ইনলাইন করা উচিত?
না। শুধু ছোট আইকন ও ব্যাকগ্রাউন্ড ইনলাইন করুন। বড় ছবি CSS ভারী করে, রেন্ডারিং আটকে দেয় এবং আলাদাভাবে ক্যাশ করা যায় না।
মন্তব্য (0)
“CSS Data URI কনভার্টার” নিয়ে প্রশ্ন, আইডিয়া বা কোনো বাগ? মন্তব্য করুন, টুলটিকে রেটিং দিন বা অন্যদের উত্তর দিন।
এখনো কোনো মন্তব্য নেই। প্রথম মতামতটি আপনিই দিন!