CSS মিনিফায়ার
প্রোডাকশনের জন্য CSS কোড মিনিফাই করুন।
ফিচার ডেভেলপমেন্ট চলতে থাকলে সময়ের সাথে সাথে CSS ফাইলে স্টাইল জমতে থাকে এবং ফাইলের আকার বেড়ে যায়। ডেভেলপমেন্টে সাহায্য করে এমন whitespace, কমেন্ট এবং ফরম্যাটিং প্রোডাকশনে কোনো কাজে লাগে না — এগুলো শুধু ফাইলের সাইজ ও লোড টাইম বাড়ায়। CSS মিনিফাই করলে সব রকমের অপ্রয়োজনীয় ক্যারেক্টার — whitespace, কমেন্ট, এবং closing brace-এর আগের শেষ semicolon — বাদ দিয়ে ফাইলের সাইজ কমানো হয়। gzip কম্প্রেশনের সাথে মিলিয়ে, মিনিফায়েড CSS মূলের তুলনায় 70–90% ছোট হতে পারে, যার ফলে পেজ লোড হওয়ার গতি স্পষ্টভাবে বেড়ে যায়।
📋 এই ক্যালকুলেটর কীভাবে ব্যবহার করবেন
আপনার CSS — class rules, media queries, keyframe animations, custom properties, যা কিছু আছে — ইনপুট এরিয়াতে পেস্ট করুন। "Minify CSS"-এ ক্লিক করলে সব whitespace ও কমেন্ট বাদ দিয়ে কম্প্যাক্ট CSS তৈরি হয়ে যাবে। টুলটি আপনাকে আসল ও মিনিফায়েড ক্যারেক্টার সংখ্যা এবং কত শতাংশ কমেছে তা দেখাবে। রেজাল্ট কপি করে আপনার প্রোডাকশন বিল্ড, CDN, বা সরাসরি একটি <style> ট্যাগে ব্যবহার করুন। ডেভেলপমেন্টের জন্য সবসময় আপনার আসল, কমেন্টসহ CSS রেখে দিন; মিনিফিকেশন আপনার বিল্ড পাইপলাইনের অংশ হিসেবে করুন।
💡 মূল তথ্য ও পরিসংখ্যান
CSS মিনিফিকেশন কয়েকটি রূপান্তর করে: /* block comments */ বাদ দেয় (কিছু মিনিফায়ার /*! হিসেবে চিহ্নিত কপিরাইট কমেন্ট রেখে দেওয়া সাপোর্ট করে, কিন্তু এই বেসিক টুলটি করে না), property delimiter-এর (: ; , { }) আশপাশের whitespace বাদ দেয়, closing brace-এর আগের trailing semicolon বাদ দেয়, এবং একাধিক whitespace ক্যারেক্টারকে একটি স্পেসে সংকুচিত করে। এটি shorthand property merging (margin: 10px 10px 10px 10px → margin: 10px), কালার শর্টেনিং (#ffffff → #fff), বা property deduplication-এর মতো আরও উন্নত অপটিমাইজেশন করে না — এগুলোর জন্য cssnano বা clean-css-এর মতো একটি সম্পূর্ণ CSS অপটিমাইজার প্রয়োজন।