मुख्य सामग्री पर जाएँ
Tooletto

CSS मिनिफ़ायर

CSS फ़ॉर्मेटर का एक प्रीसेट

अनावश्यक कमेंट और व्हाइटस्पेस हटाकर स्टाइलशीट को सबसे छोटे वैध आउटपुट में कंप्रेस करें। डिज़ाइन से सुरक्षित — कोई रूल नहीं मिलाया जाता और कोई वैल्यू दोबारा नहीं लिखी जाती, तो व्यवहार बदल नहीं सकता।

  • फ़ाइलें कभी आपकी डिवाइस से बाहर नहीं जातीं
  • मुफ़्त, बिना साइन-अप
  • कोई वॉटरमार्क नहीं
  • लोड होने के बाद ऑफ़लाइन भी काम करता है
Loading tool…

CSS फ़ॉर्मेटर कैसे करें

  1. 1

    अपना CSS पेस्ट करें

    सादा CSS, SCSS या Less, सभी सही तरीक़े से पार्स होते हैं।

  2. 2

    फ़ॉर्मेट करें या मिनिफ़ाई करें

    पढ़ने लायक़पन के लिए सुंदर बनाएँ, या प्रोडक्शन के लिए कंप्रेस करें।

  3. 3

    कॉपी या डाउनलोड करें

    नतीजा सीधे आपके प्रोजेक्ट में पेस्ट करने के लिए तैयार है।

हाथ से लिखे CSS के लिए "सुरक्षित" मिनिफ़िकेशन सही समझौता क्यों है

कोई बिल्ड पाइपलाइन जो एक समर्पित CSS ऑप्टिमाइज़र चलाती है वह इस टूल से ज़्यादा आक्रामक ट्रांसफ़ॉर्मेशन सुरक्षित रूप से लागू कर सकती है, क्योंकि यह हर बिल्ड में एक जैसा ऑप्टिमाइज़र लगातार चलाती है और कोई भी व्यवहार फ़र्क़ पब्लिश होने से पहले प्रोजेक्ट के अपने टेस्ट में पकड़ा जाता है। किसी एक-बार इस्तेमाल वाले ऑनलाइन टूल में स्टाइलशीट पेस्ट करना अलग स्थिति है: वहाँ कोई बिल्ड क़दम नहीं है जो आउटपुट को दोबारा जाँचे, तो कोई रूल मिलाने वाला या डिक्लेरेशन को दोबारा क्रमबद्ध करने वाला ट्रांसफ़ॉर्मेशन जो किसी ख़ास पेज को तोड़ने के परिणाम में निकलता है, वह चुपचाप पब्लिश हो जाएगा। इस टूल को व्हाइटस्पेस और कमेंट हटाने तक सीमित रखना — ऐसे बदलाव जिन्हें साबित तौर पर यह न बदलने की गारंटी है कि कैस्केड में कौन सी डिक्लेरेशन जीतती है — इसका मतलब है कि जहाँ से यह आया वहाँ पेज को दोबारा टेस्ट किए बिना आउटपुट पर भरोसा किया जा सकता है।

किसी साइज़-सीमित जगह में पेस्ट करने वाली स्टाइलशीट को मिनिफ़ाई करना

किसी बिल्ड टूल की बजाय ख़ास तौर पर इसका सहारा लेने का एक आम मामला है किसी छोटी स्टाइलशीट को साइज़-सीमित फ़ील्ड में फ़िट करने की एक बार की ज़रूरत — कोई जान-बूझकर छोटा रखा गया इनलाइन `<style>` ब्लॉक, किसी ईमेल टेम्पलेट में एम्बेडेड CSS का टुकड़ा, या किसी कैरेक्टर-सीमित प्लेटफ़ॉर्म में पेस्ट की गई स्टाइल वैल्यू। एक बार ज़रूरी किसी अकेली फ़ाइल के लिए, पूरी बिल्ड पाइपलाइन चलाना ज़रूरत से ज़्यादा है; इसे यहाँ पेस्ट करना और मिनिफ़ाई किया नतीजा वापस कॉपी करना उसी नतीजे तक पहुँचने का सबसे तेज़ रास्ता है।

अक्सर पूछे जाने वाले सवाल

मिनिफ़ाई करना असल में कितनी बचत करता है?

हाथ से लिखे CSS में gzip से पहले आमतौर पर 20% से 30% के बीच, और किसी बिल्ड टूल से पहले ही गुज़रे आउटपुट में कहीं कम। नेटवर्क पर, gzip या brotli लेयर वैसे भी ज़्यादातर काम कर देती है — मिनिफ़ाई करना मुख्य रूप से इससे पहले रिडंडेंट कमेंट और व्हाइटस्पेस हटाकर मदद करता है।

क्या मिनिफ़ाई करने से मेरी स्टाइल का व्यवहार बदलता है?

नहीं। सिर्फ़ व्हाइटस्पेस और कमेंट हटाए जाते हैं; सेलेक्टर, प्रॉपर्टी और वैल्यू को छुआ नहीं जाता। यह टूल रूल को नहीं मिलाता, डिक्लेरेशन को दोबारा क्रमबद्ध नहीं करता, या रंगों को नहीं छोटा करता, क्योंकि ये ट्रांसफ़ॉर्मेशन व्यवहार को ऐसे तरीक़ों से बदल सकते हैं जिन्हें पकड़ना मुश्किल है।

क्या यह SCSS और Less सपोर्ट करता है?

हाँ, दोनों अपने-अपने व्याकरण के साथ पार्स होते हैं, तो नेस्टिंग, वेरिएबल और मिक्सिन फ़ॉर्मेटिंग के बाद भी बचे रहते हैं। ध्यान दें कि यह उन्हें फ़ॉर्मेट करता है — CSS में कंपाइल नहीं करता।

मेरा CSS क्यों रिजेक्ट हो रहा है?

आमतौर पर कोई बिना बंद किया ब्रेस या कोई अकेला कैरेक्टर। एरर मैसेज में लाइन नंबर शामिल होता है ताकि आप इसे ढूँढ सकें। स्टाइलशीट में मिली टेम्पलेट सिंटैक्स भी फ़ेल होगी, क्योंकि यह वैध CSS नहीं है।