মূল বিষয়বস্তুতে যান
ToolMug

সরাতে ↑ ↓, খুলতে Enter, বন্ধ করতে Esc চাপুন।

CSS মিনিফায়ার

প্রোডাকশনের জন্য স্টাইলশিট সংকুচিত করুন। CSSO ফাঁকা স্থান ও কমেন্ট সরায়, রং ও মান ছোট করে এবং একই সিলেক্টর বারবার থাকা রুল একত্র করে—শুধু ফাঁকা স্থান সরানোর তুলনায় এতে প্রায়ই বেশি সাশ্রয় হয়।

আপনার ব্রাউজারে চলে — আপনি যা দেন তার কিছুই আপলোড হয় না

কীভাবে ব্যবহার করবেন

  1. আপনার CSS পেস্ট করুন।
  2. রুল পুনর্গঠন করবেন কি না এবং লাইসেন্স কমেন্ট রাখবেন কি না, তা বেছে নিন।
  3. মিনিফাই বোতামে ক্লিক করুন, অথবা Ctrl+Enter চাপুন (Mac-এ ⌘+Enter)।
  4. মিনিফাই করা CSS কপি করুন বা ডাউনলোড করুন।

অপশনগুলোর ব্যাখ্যা

রুল একত্র ও পুনর্গঠন
নিরাপদভাবে করা গেলে একই সিলেক্টর বা একই ডিক্লারেশন থাকা রুলগুলো একত্র করে। শুধু ফাঁকা স্থান সরাতে ও মান ছোট করতে চাইলে এটি বন্ধ করুন।
লাইসেন্স কমেন্ট রাখা
/*! দিয়ে শুরু হওয়া কমেন্টগুলো রাখে, যা লাইসেন্স নোটিশের প্রচলিত রীতি।

উদাহরণ

a { color: #ff0000; }
/* note */
a { margin: 0px; }

a{color:red;margin:0}-এ সংক্ষিপ্ত হয়।

সচরাচর জিজ্ঞাসিত প্রশ্ন

কী কী ছোট করা হয়?

রং (#ff0000 → red, #ffffff → #fff), ইউনিটসহ শূন্য (0px → 0), অপ্রয়োজনীয় সেমিকোলন ও উদ্ধৃতি, এবং ফাঁকা স্থান ছোট করা হয়। রুল পুনর্গঠন চালু থাকলে ডুপ্লিকেট রুল একত্র করা হয়।

রুল পুনর্গঠন করলে কি আমার পেজের চেহারা বদলে যেতে পারে?

ক্যাসকেডের ফলাফল একই থাকলেই CSSO ডিক্লারেশন স্থানান্তর করে। আপনি যদি অস্বাভাবিক হ্যাকের ওপর নির্ভর করেন, ফলাফল তুলনা করুন অথবা রুল পুনর্গঠন বন্ধ করুন।

আমার কোড কি আপলোড করা হয়?

না। মিনিফিকেশন আপনার ব্রাউজারেই চলে।

গোপনীয়তা

এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।

সম্পর্কিত টুল