CSS फॉर्मेटर और मिनिफायर टूल
CSS को फिर से पढ़ने लायक बनाएँ, या तेज़ साइट के लिए उसे छोटा करें।
इस टूल में समस्या की रिपोर्ट करें
CSS फॉर्मेटर का उपयोग कैसे करें
अपनी CSS पेस्ट करें
स्टाइलशीट पेस्ट करें, या .css फाइल खोलें या ड्रॉप करें। टाइप करते ही यह फॉर्मेट हो जाती है।
ब्यूटिफाई या मिनिफाई करें
ब्यूटिफाई हर नियम और प्रॉपर्टी को अलग लाइन में रखता है। मिनिफाई कमेंट, स्पेस और वह सब हटा देता है जिसकी ब्राउज़र को ज़रूरत नहीं।
कॉपी या डाउनलोड करें
परिणाम कॉपी करें, या .css फाइल के रूप में डाउनलोड करें। मिनिफाई करने पर आपको पहले और बाद का साइज़ दिखेगा।
Utils365 का उपयोग क्यों करें
सिर्फ़ स्पेस हटाने से बेहतर
मिनिफायर #ff0000 जैसे रंगों को red में छोटा करता है, ज़ीरो से यूनिट हटाता है और खाली नियम हटा देता है।
नियमों का क्रम वही रहता है
नियम कभी मर्ज या आगे-पीछे नहीं किए जाते, इसलिए कैस्केड पहले जैसा ही काम करता है और कोई नियम नए नियम को ओवरराइड नहीं करता।
लाइसेंस कमेंट बने रहते हैं
/*! से शुरू होने वाले कमेंट मिनिफाई की गई फाइल में रहते हैं, जैसा कई ओपन-सोर्स लाइसेंस में ज़रूरी है।
पूरी तरह निजी
आपकी CSS आपके ब्राउज़र में फॉर्मेट होती है और कभी अपलोड नहीं होती।
अक्सर पूछे जाने वाले प्रश्न
मिनिफाई करने पर CSS कितनी छोटी होती है?
आमतौर पर 15–30%, और अगर स्टाइलशीट में बहुत कमेंट हों तो ज़्यादा। सारांश में पहले और बाद का सटीक साइज़ और बचत का प्रतिशत दिखता है।
क्या मिनिफाई करने से मेरी स्टाइल टूट सकती है?
इसे ऐसा न करने के लिए बनाया गया है। वैल्यू सिर्फ़ उन्हीं तरीकों से दोबारा लिखी जाती हैं जिनका मतलब वही रहे, और नियम अपने क्रम में रहते हैं, इसलिए कौन सा नियम लागू होगा यह नहीं बदलता।
CSS को अनमिनिफाई कैसे करें?
मिनिफाई की गई CSS पेस्ट करें और ब्यूटिफाई चुनें। हर नियम और प्रॉपर्टी आपके चुने इंडेंट के साथ अलग लाइन में आ जाती है। हटाए गए कमेंट वापस नहीं लाए जा सकते।
क्या यह SCSS या Less के साथ काम करता है?
ब्यूटिफाई ज़्यादातर SCSS और Less को संभाल लेता है, नेस्टिंग समेत। मिनिफाई सादी CSS की उम्मीद करता है, इसलिए पहले अपनी SCSS या Less को कंपाइल करें।