CSS फॉर्मेटर
CSS को साफ इंडेंटेशन के साथ सुंदर बनाएं, या फ़ाइल आकार कम करने के लिए मिनिफाई करें। मीडिया क्वेरी, calc() और लाइसेंस टिप्पणियां संभालता है।
CSS फ़ॉर्मैटter का उपयोग कैसे करें
- 01
अपना CSS इनपुट बॉक्स में पेस्ट करें।
- 02
फॉर्मेट करने के लिए ब्यूटिफ़ाई या संपीड़ित करने के लिए मिनिफ़ाई चुनें।
- 03
इंडेंट आकार चुनें, फिर परिणाम कॉपी करें।
CSS फ़ॉर्मैटर क्या करता है
यह CSS फ़ॉर्मैटर स्टाइलशीट को साफ, एकसमान इंडेंटेशन के साथ सुंदर बनाता है या फ़ाइल आकार घटाने के लिए छोटा करें करता है। सुव्यवस्थित करें करने के लिए इंडेंट आकार चुनें और सबसे छोटा आउटपुट चाहिए तो छोटा करें करें।
सुव्यवस्थित करें और छोटा करें कब करें
पढ़ने योग्य CSS को जांच, समीक्षा और डीबग करना आसान है। हर नियम और घोषणा का इंडेंटेशन एकसमान हो तो चयनकर्ता, नेस्टिंग और मीडिया क्वेरी का आकार एक नज़र में दिखता है।
छोटा करें प्रोडक्शन के लिए है। यह ब्राउज़र के लिए अनावश्यक खाली स्थान और टिप्पणियां हटाता है, जिससे फ़ाइल जल्दी डाउनलोड होती है। बड़ी स्टाइलशीट पर, खासकर सर्वर की gzip संपीड़न से पहले, बचत बढ़ जाती है।
calc() और मीडिया क्वेरी के साथ सावधान छोटा करें
Minifier आवश्यक जगह पर सावधानी रखता है। यह calc() के भीतर प्लस और माइनस के आसपास खाली जगहें रखता है, इसलिए calc(100% - 30px) मान्य रहता है। यह ब्रेस, कोलन और सेमीकोलन जैसे संरचनात्मक अक्षर के आसपास से ही खाली जगहें हटाता है। नेस्टेड मीडिया क्वेरी भी सही संभाली जाती हैं।
लाइसेंस टिप्पणियां सुरक्षित रहते हैं
/*! ... */ रूप में लिखे लाइसेंस टिप्पणियां सुरक्षित रखे जाते हैं। सामान्य टिप्पणियां हटने पर भी छोटा किया हुआ आउटपुट में कॉपीराइट और लाइसेंस सूचनाएं बनाए रखने का यह मानक परंपरा है।
आपके ब्राउज़र में चलता है
सुव्यवस्थित करें और छोटा करें दोनों पूरी तरह आपके ब्राउज़र में चलते हैं, इसलिए स्टाइलशीट आपके डिवाइस से बाहर नहीं जातीं। टूल पठनीयता और आकार के लिए प्रारूप करता है, CSS सही है या नहीं यह सत्यापित नहीं करता।
अक्सर पूछे जाने वाले सवाल
क्या मिनिफाई calc() एक्सप्रेशन तोड़ता है?
नहीं। मिनिफायर मानों के अंदर प्लस और माइनस के आसपास स्थान रखता है, इसलिए calc(100% - 30px) वैध रहता है।
मिनिफाई करने पर क्या टिप्पणियां हटाई जाती हैं?
सामान्य टिप्पणियां जगह बचाने के लिए हटाई जाती हैं, लेकिन /*! ... */ के रूप में लिखी गई लाइसेंस टिप्पणियां रखी जाती हैं।
क्या मेरा CSS कहीं अपलोड होता है?
नहीं। सुंदर बनाना और मिनिफाई दोनों पूरी तरह आपके ब्राउज़र में चलते हैं।