CSS फ़ॉर्मैटर और मिनिफ़ायर
पढ़ने के लिए CSS सुंदर बनाइए या रिलीज़ से पहले मिनिफ़ाई कीजिए
इस टूल के बारे में
मिनिफ़ाई किया या कॉपी-पेस्ट किया CSS खोलकर एक घोषणा प्रति पंक्ति वाले नियमों में बदलिए, या किसी स्टाइलशीट को उत्पादन के लिए निचोड़ दीजिए। सुंदरकर्ता इंडेंटेशन और ब्रेस की जगह सामान्य करता है; मिनिफ़ायर टिप्पणियाँ हटाता है, खाली जगह समेटता है और अंतिम अर्धविराम गिरा देता है, जबकि स्ट्रिंग, url(...) की सामग्री और calc() अभिव्यक्तियाँ अछूती छोड़ देता है।
मिनिफ़ायर इस बारे में पारदर्शी है कि वह क्या नहीं करता: वह सिलेक्टर का नाम नहीं बदलता, दोहराए गए नियम नहीं मिलाता, और रंग दोबारा नहीं लिखता। इससे आउटपुट पूर्वानुमेय और हर स्टाइलशीट के लिए सुरक्षित रहता है, हैक और वेंडर प्रीफ़िक्स वालों के लिए भी — चिपकाइए, मिनिफ़ाई कीजिए, भेज दीजिए।
यहाँ के हर टूल की तरह, प्रसंस्करण स्थानीय है। अप्रकाशित डिज़ाइन-सिस्टम कोड आपके ब्राउज़र में ही रहता है।
अक्सर पूछे जाने वाले प्रश्न
- मिनिफ़ाई किया CSS कितना छोटा होता है?
- हाथ से लिखे CSS के लिए आमतौर पर 15–30%, ज़्यादातर इंडेंटेशन और टिप्पणियों से। आपके सर्वर पर Gzip उसी अतिरेक का बड़ा हिस्सा हटा देता है, इसलिए तार पर आकार का अंतर कच्चे बाइट से लगने वाले अंतर से कम होता है — फिर भी मिनिफ़ाई कीजिए, इससे पार्स समय भी घटता है।
- क्या यह calc(), कस्टम प्रॉपर्टी और मीडिया क्वेरी के लिए सुरक्षित है?
- हाँ। calc() के भीतर के स्पेस अर्थपूर्ण हैं और बचाए जाते हैं; कस्टम प्रॉपर्टी और उनके var() संदर्भ सादी घोषणाएँ हैं और बिना बदले बच जाती हैं; @media तथा अन्य at-नियम अपनी संरचना बनाए रखते हैं।
- वंशज सिलेक्टर ने अपने स्पेस क्यों रखे?
- क्योंकि “nav a” और “nava” अलग-अलग चीज़ें चुनते हैं — वहाँ स्पेस एक कॉम्बिनेटर है, सजावट नहीं। मिनिफ़ायर केवल वही खाली जगह हटाता है जिसका कोई वाक्य-रचनात्मक अर्थ न हो।
- क्या यह LESS/SCSS और CSS के बीच बदल सकता है?
- नहीं — प्रीप्रोसेसर की वाक्य-रचना को संकलन चाहिए, फ़ॉर्मैटिंग नहीं। जो सादा SCSS वैध CSS भी है वह ठीक फ़ॉर्मैट होगा; नेस्टेड नियम और मिक्सिन नहीं।