मुफ्त कनवर्टर

CSS मिनिफायर

अपने ब्राउज़र में CSS स्टाइलशीट को तुरंत मिनिफाई और कंप्रेस करें। टिप्पणियां हटाएं, व्हाइटस्पेस कम करें और फ़ाइल आकार घटाएं। मुफ़्त और निजी।

CSS फ़ाइल यहाँ ड्रैग और ड्रॉप करें

.css फ़ाइलें समर्थित हैं। या ऊपर अपना CSS पेस्ट करें।

या

इस टूल के बारे में

सीएसएस मिनिमिफिकेशन ब्राउज़रों में सेवा देने से पहले स्टाइलशीट के आकार को कम करने के लिए व्हाइटस्पेस, टिप्पणियों और अनावश्यक वर्णों को हटा देता है। वास्तविक नियम अपरिवर्तित हैं: एक मिनीफ़ाइड स्टाइलशीट पृष्ठों को अनमिनिफाइड स्रोत के समान रूप से प्रस्तुत करती है। बचत न्यूलाइन, अनावश्यक अर्धविराम, टिप्पणियाँ, हेक्स-रंग शॉर्टहैंड अवसर और शून्य-यूनिट शॉर्टकट (0px को 0 के साथ बदलने) को हटाने से होती है।

दर्जनों शैली नियमों वाली आधुनिक वेबसाइटों पर, सामान्य स्रोत की तुलना में सामान्य कमी 20-40% है। सर्वर पर gzip संपीड़न के साथ संयुक्त, सीमांत बचत कम हो जाती है - gzip पहले से ही दोहराए गए पाठ को प्रभावी ढंग से संपीड़ित करता है - लेकिन संयोजन अभी भी अकेले संपीड़न को मात देता है, खासकर जब स्टाइलशीट को कैश किया जाता है और कई आगंतुकों को कई बार परोसा जाता है।

यह मिनीफायर सीएसएस को एक ही पास में प्रोसेस करता है, यूआरएल() मानों के बाहर की टिप्पणियों को हटाता है, व्हाइटस्पेस को संक्षिप्त करता है, ब्रेसिज़ को बंद करने से पहले अनावश्यक अर्धविरामों को हटाता है, शून्य-यूनिट शॉर्टहैंड लागू करता है, और जहां संभव हो वहां छह-अंकीय हेक्स रंगों को तीन-अंकीय रूप में परिवर्तित करता है (#ffffff → #fff)। आउटपुट वैध सीएसएस रहता है जिसे कोई भी ब्राउज़र सही ढंग से पार्स करता है।

सीएसएस को छोटा क्यों करें?

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

बैंडविड्थ लागत भी बड़े पैमाने पर मायने रखती है। लाखों पृष्ठ दृश्य प्रस्तुत करने वाली साइटें मापनीय मात्रा में निकास बचाती हैं जब उनकी स्टाइलशीट 30% छोटी होती है। सीडीएन बिल, मोबाइल डेटा उपयोग और ऊर्जा खपत सभी को थोड़ा लाभ होता है। न्यूनतमकरण अनिवार्य रूप से मुफ़्त है - बिना किसी रखरखाव लागत के एक बार का निर्माण चरण।

कैसे उपयोग करें

सीएसएस चिपकाएँ, लघु संस्करण प्राप्त करें।

  1. अपना सीएसएस चिपकाएँ: एक .css फ़ाइल छोड़ें या CSS स्रोत को इनपुट क्षेत्र में चिपकाएँ। मिनिफायर किसी भी वैध सीएसएस को स्वीकार करता है - सीएसएस वेरिएबल्स, कैल्क (), ग्रिड और फ्लेक्सबॉक्स सहित आधुनिक सिंटैक्स।
  2. विकल्प चुनें: डिफ़ॉल्ट रूप से टिप्पणियाँ हटाते हैं, रिक्त स्थान को संक्षिप्त करते हैं, और सामान्य शॉर्टकट लागू करते हैं। यदि आपको टिप्पणियों या विशेष स्वरूपण को संरक्षित करने की आवश्यकता है तो आप विशिष्ट परिवर्तनों को अक्षम कर सकते हैं।
  3. छोटा करें: मिनीफ़ायर प्रत्येक सक्षम परिवर्तन को लागू करते हुए सीएसएस पर चलता है। आउटपुट कम आकार के साथ कार्यात्मक रूप से समान सीएसएस है।
  4. आउटपुट का उपयोग करें: कॉपी करें या डाउनलोड करें. अपने बिल्ड आउटपुट में स्रोत सीएसएस को न्यूनतम संस्करण के साथ बदलें, या अपने टूलींग में बिल्ड चरण के रूप में लघुकरण चलाएँ।

सामान्य उपयोग के मामले

तकनीकी विवरण

सीएसएस लघुकरण अधिकतर रूढ़िवादी रिक्त स्थान हटाना है। चयनकर्ताओं, घोषणाओं और मूल्यों के अंदर व्हाइटस्पेस को संरक्षित किया जाता है जहां महत्वपूर्ण है; बाहर रिक्त स्थान ध्वस्त हो गया है। टिप्पणियाँ तब तक हटा दी जाती हैं जब तक कि वे /* से शुरू न हों! (लाइसेंस संरक्षण टिप्पणियाँ)।

सामान्य शॉर्टकट: 0px, 0em, और समान शून्य-इकाई मान 0 हो जाते हैं; युग्मित अंकों (#ffffff, #336699) के साथ छह-अंकीय हेक्स रंग तीन-अंकीय (#fff, #369) बन जाते हैं; } से पहले का अंतिम अर्धविराम हटा दिया गया है। रंग नाम स्वचालित रूप से हेक्स में परिवर्तित नहीं होते हैं क्योंकि हेक्स कभी-कभी लंबा होता है (लाल लंबाई में #f00 से छोटा है; #ff0000 लाल से लंबा है)।

आउटपुट को किसी भी सीएसएस सत्यापनकर्ता को पास करना चाहिए जो इनपुट स्वीकार करता है। ब्राउज़र समर्थन अपरिवर्तित है - लघुकरण स्वयं नियमों को संशोधित नहीं करता है, केवल उनके पाठ प्रतिनिधित्व को संशोधित करता है।

सर्वोत्तम प्रथाएँ

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

सीएसएस लघुकरण क्या हटाता है?
व्हाइटस्पेस (रिक्त स्थान, टैब, न्यूलाइन), टिप्पणियाँ (/ * ... */), अनावश्यक अर्धविराम, अनावश्यक शून्य (0.5 → .5), शॉर्टहैंड अनुकूलन (#ffffff → #fff), और अनावश्यक इकाइयाँ (0px → 0)।
क्या मिनीफ़ाइड सीएसएस का उत्पादन में उपयोग करना सुरक्षित है?
हाँ। न्यूनतमकरण सभी सीएसएस नियमों, चयनकर्ताओं और संपत्ति मूल्यों को सुरक्षित रखता है। आउटपुट कार्यात्मक रूप से समान है - ब्राउज़र इसकी व्याख्या बिल्कुल उसी तरह करते हैं। यह सभी उत्पादन वेबसाइटों के लिए एक मानक अभ्यास है।
मुझे आकार में कितनी कमी की उम्मीद करनी चाहिए?
अच्छी तरह से लिखे गए सीएसएस के लिए आमतौर पर 20-50%। वर्बोज़ फ़ॉर्मेटिंग के साथ भारी टिप्पणी वाले कोड में बड़ी कटौती देखी जाती है। पहले से ही कॉम्पैक्ट सीएसएस केवल 10-15% सिकुड़ सकता है।
यदि मैं gzip का उपयोग कर रहा हूँ तो क्या मुझे CSS को छोटा करना चाहिए?
हाँ, दोनों. Gzip दोहराए गए पैटर्न को संपीड़ित करता है, जबकि न्यूनतमकरण अनावश्यक वर्णों को हटा देता है। साथ में वे अकेले की तुलना में बेहतर संपीड़न प्रदान करते हैं। मिनिफ़ाइड + जीज़िप्ड सीएसएस आमतौर पर मूल से 85-95% छोटा होता है।
क्या मुझे हमेशा छोटा करना चाहिए?
उत्पादन के लिए हाँ. विकास स्रोत फ़ाइलों के लिए, रखरखाव के लिए पठनीय सीएसएस आवश्यक नहीं है। निर्माण के समय लघुकरण चलाएँ, संपादन के समय नहीं।
क्या मेरा सीएसएस सर्वर पर अपलोड किया गया है?
नहीं, मिनिफ़ायर आपके ब्राउज़र में चलता है।
इसकी तुलना cssnano या csso से कैसे की जाती है?
सीएसएसएनएनो और सीएसएसओ उत्पादन निर्माण के लिए पोस्टसीएसएस प्लगइन हैं; वे अधिक आक्रामक परिवर्तनों की पेशकश करते हैं जैसे कि अनावश्यक नियमों का विलय। यह टूल बिल्ड सेटअप के बिना तदर्थ उपयोग के लिए बुनियादी लघुकरण को कवर करता है।
क्या लघुकरण स्रोत मानचित्रों को तोड़ देता है?
लघुकरण स्रोत मानचित्र उत्पन्न नहीं करता है; यह टूल केवल छोटा आउटपुट उत्पन्न करता है। उत्पादन में लघु सीएसएस को डीबग करने के लिए, अपने निर्माण के हिस्से के रूप में स्रोत मानचित्र तैयार करें।