CSS मिनिफ़ायर
CSSO से CSS मिनिफ़ाई करें: व्हाइटस्पेस और टिप्पणियाँ हटाता है, रंग व मान छोटे करता है और नियमों को सुरक्षित रूप से मर्ज करता है। बचे बाइट दिखाता है। मुफ़्त।
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
संबंधित टूल्स
सभी देखेंCSS मिनिफ़ायर क्या है?
CSS मिनिफ़ायर स्टाइलशीट को CSSO से कंप्रेस करता है, जो एक संरचनात्मक ऑप्टिमाइज़र है। व्हाइटस्पेस और टिप्पणियाँ हटाने के अलावा यह मान छोटे करता है (#ff0000 → red, 0px → 0), दोहराए नियम मर्ज करता है और जहाँ परिणाम नहीं बदल सकता वहाँ फ़ालतू डिक्लेरेशन हटाता है।
CSS मिनिफ़ायर का उपयोग कैसे करें
- अपना CSS इनपुट बॉक्स में पेस्ट करें।
- मिनिफ़ाई करें पर क्लिक करें (टाइप करते समय आउटपुट अपने आप भी अपडेट होता है)।
- बचत के लिए साइज़ वाली पंक्ति देखें।
- मिनिफ़ाई किया हुआ CSS कॉपी या डाउनलोड करें।
उदाहरण
a { color: #ff0000; margin: 0px 0px; } /* c */ a{color:red;margin:0} CSS मिनिफ़ायर का उपयोग कब करें
छोटी साइटों की प्रोडक्शन बिल्ड, इनलाइन <style> ब्लॉक या CMS में रखे CSS के लिए इसका उपयोग करें। अगर आपकी बिल्ड पहले से cssnano/lightningcss वाला बंडलर इस्तेमाल करती है तो वही रखें। अगर आपके लाइसेंस को ज़रूरत हो तो लाइसेंस टिप्पणियाँ हाथ से रखें।
CSS मिनिफ़ायर कैसे काम करता है
पहले एक तेज़ स्कैन ब्रेस, स्ट्रिंग और टिप्पणियाँ जाँचता है और असंतुलित ब्लॉक को उनकी जगह के साथ बताता है। फिर CSS को restructuring चालू करके csso.minify को दिया जाता है: CSSO उसे AST (css-tree) में पार्स करता है, सुरक्षित मान कंप्रेशन और नियम मर्जिंग लगाता है, और परिणाम बिना व्हाइटस्पेस के छापता है। /*! … */ लाइसेंस टिप्पणियों सहित सभी टिप्पणियाँ हटा दी जाती हैं।
सामान्य उपयोग मामले
- लैंडिंग पेज की अलग स्टाइलशीट मिनिफ़ाई करना
- इनलाइन करने से पहले क्रिटिकल CSS छोटा करना
- डेटाबेस या CMS में रखा CSS कंप्रेस करना
- ऑप्टिमाइज़ किए आकार की मूल से तुलना करना
सुरक्षा नोट
सब कुछ आपके ब्राउज़र में ही चलता है; आप जो कोड पेस्ट करते हैं वह कहीं अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
क्या मिनिफ़िकेशन मेरा CSS तोड़ सकता है?
CSSO केवल वही बदलाव करता है जो कैस्केड का नतीजा नहीं बदलते, फिर भी आउटपुट को हमेशा टेस्ट करें।
#ff0000 का red क्यों हो गया?
red छोटा है और उसका रंग बिल्कुल वही है।
क्या लाइसेंस टिप्पणियाँ रखी जाती हैं?
नहीं, सभी टिप्पणियाँ हटा दी जाती हैं। ज़रूरत हो तो लाइसेंस वापस हाथ से जोड़ें।