CSS मिनिफायर
CSS कोड प्रोडक्शन के लिए मिनिफाई करें।
समय के साथ CSS फाइलें बड़ी होती जाती हैं क्योंकि फीचर डेवलपमेंट के दौरान स्टाइल जमा होते रहते हैं। व्हाइटस्पेस, कमेंट्स और फॉर्मेटिंग जो डेवलपमेंट में मदद करते हैं, प्रोडक्शन में इनका कोई मूल्य नहीं होता — ये केवल फाइल साइज और लोड टाइम बढ़ाते हैं। CSS को minify करने से सभी अनावश्यक कैरेक्टर हटाकर फाइल साइज घट जाता है: व्हाइटस्पेस, कमेंट्स और closing brace से पहले का आखिरी सेमीकोलन। gzip कंप्रेशन के साथ मिलाकर, minified CSS मूल से 70–90% तक छोटी हो सकती है, जिससे पेज मापने योग्य रूप से तेज़ी से लोड होते हैं।
📋 इस कैलकुलेटर का उपयोग कैसे करें
अपनी CSS को इनपुट एरिया में पेस्ट करें — क्लास रूल्स, मीडिया क्वेरीज़, कीफ्रेम एनिमेशन, कस्टम प्रॉपर्टीज़, कुछ भी। "Minify CSS" पर क्लिक करें ताकि सभी व्हाइटस्पेस और कमेंट्स हटाकर कॉम्पैक्ट CSS बन जाए। टूल आपको मूल और minified कैरेक्टर काउंट के साथ प्रतिशत कमी दिखाता है। परिणाम कॉपी करें और उसे अपने प्रोडक्शन बिल्ड, CDN, या सीधे <style> टैग में इस्तेमाल करें। डेवलपमेंट के लिए अपनी मूल, कमेंट वाली CSS हमेशा रखें; अपने बिल्ड पाइपलाइन के हिस्से के रूप में minify करें।
💡 मुख्य तथ्य और जानकारी
CSS minification कई ट्रांसफॉर्मेशन करता है: /* ब्लॉक कमेंट्स */ हटाता है (/*! के रूप में चिह्नित कॉपीराइट कमेंट्स को बनाए रखना कुछ minifiers में समर्थित है पर इस बेसिक टूल में नहीं), प्रॉपर्टी डेलिमिटर (: ; , { }) के आसपास का व्हाइटस्पेस हटाता है, closing braces से पहले का ट्रेलिंग सेमीकोलन हटाता है, और कई व्हाइटस्पेस कैरेक्टर को एक स्पेस में समेटता है। यह शॉर्टहैंड प्रॉपर्टी मर्जिंग (margin: 10px 10px 10px 10px → margin: 10px), कलर शॉर्टनिंग (#ffffff → #fff), या प्रॉपर्टी डीडुप्लिकेशन जैसे अधिक उन्नत ऑप्टिमाइजेशन नहीं करता — इनके लिए cssnano या clean-css जैसा पूर्ण CSS ऑप्टिमाइज़र चाहिए।