CSS मिनिफायर — मुफ़्त ऑनलाइन
फ़ाइल आकार कम करने के लिए CSS स्टाइलशीट मिनिफाई करें।
Who uses the CSS मिनिफायर?
- बिना बिल्ड टूल पाइपलाइन वाले प्रोजेक्ट के लिए हाथ से CSS ऑप्टिमाइज़ करने वाले वेब डेवलपर।
- CDN लागू करने से पहले साइज़ रिडक्शन का जल्दी अनुमान पाने वाले परफ़ॉर्मेंस इंजीनियर।
- असली बिल्ड स्टेप से पहले style.css पर मोटा-मोटी प्रोसेसिंग करने वाले थीम डेवलपर।
How the CSS मिनिफायर works
अपना CSS कोड इनपुट एडिटर में पेस्ट करें।
कमेंट्स, स्पेस, और अनावश्यक सेमीकोलन हटाने के लिए Minify पर क्लिक करें।
स्टैट्स पैनल में पहले/बाद का बाइट साइज़ और प्रतिशत रिडक्शन देखें।
प्रोडक्शन में इस्तेमाल के लिए मिनिफ़ाइड CSS कॉपी करें।
Tips & tricks
- मिनिफ़ाई करने के बाद हमेशा किसी भी calc() एक्सप्रेशन को दोबारा जांचें — इस टूल द्वारा + के आसपास स्पेस हटाने से calc() के अंदर अमान्य CSS बन सकता है।
- यह टूल डुप्लिकेट सिलेक्टर मर्ज नहीं करता और प्रॉपर्टीज़ को शॉर्टहैंड में नहीं छोटा करता — यह सिर्फ़ कमेंट्स और स्पेस हटाता है।
- प्रोडक्शन पाइपलाइन के लिए, एक असली CSS मिनिफ़ायर (cssnano, Lightning CSS) calc() और अन्य किनारे के मामलों को सही तरीके से हैंडल करता है — इस टूल का इस्तेमाल जल्दी जांच के लिए करें, फ़ाइनल प्रोडक्शन आउटपुट के लिए नहीं।
- स्टैट्स पैनल में रिडक्शन प्रतिशत यह मोटा-मोटी बताता है कि आपके ओरिजिनल CSS में कितना स्पेस/कमेंट "अतिरिक्त वज़न" था।
Frequently Asked Questions
CSS मिनिफ़िकेशन कितनी बचत करता है?
CSS मिनिफ़िकेशन आम तौर पर फ़ाइल साइज़ का 10–30% बचाता है। gzip कम्प्रेशन जोड़ने पर, असली बचत 60–80% तक पहुंच जाती है। विस्तृत कमेंट्स और बहुत सारे स्पेस वाली बड़ी स्टाइलशीट को सबसे ज़्यादा फ़ायदा होता है।
इस टूल का CSS मिनिफ़िकेशन क्या हटाता है?
यह कमेंट्स (/* ... */), अतिरिक्त स्पेस और नई लाइनें, और क्लोज़िंग ब्रेस से ठीक पहले का अनावश्यक सेमीकोलन हटाता है। यह डुप्लिकेट सिलेक्टर मर्ज नहीं करता और लॉन्गहैंड प्रॉपर्टीज़ को शॉर्टहैंड में नहीं बदलता।
क्या मिनिफ़िकेशन मेरा CSS तोड़ सकता है?
calc() एक्सप्रेशन से सावधान रहें: यह टूल + के आसपास की स्पेस को एक समान रूप से हटाता है, calc() के अंदर भी, जो calc(100% + 10px) को calc(100%+10px) में बदल सकता है — यह अमान्य CSS है, क्योंकि calc() स्पेसिफ़िकेशन के अनुसार + और - के आसपास स्पेस ज़रूरी है। डिप्लॉय करने से पहले रिज़ल्ट में calc() के किसी भी इस्तेमाल की जांच करें।
क्या मुझे इनलाइन स्टाइल या सिर्फ़ एक्सटर्नल स्टाइलशीट मिनिफ़ाई करनी चाहिए?
एक्सटर्नल स्टाइलशीट पर फ़ोकस करें — कैशिंग और साइज़ रिडक्शन से उन्हें सबसे ज़्यादा फ़ायदा होता है। इनलाइन स्टाइल आम तौर पर इतने छोटे होते हैं कि मिनिफ़िकेशन उनकी जटिलता के लायक नहीं होता।
क्या मुझे webpack या Vite जैसे बिल्ड टूल के बजाय इसे इस्तेमाल करना चाहिए?
प्रोडक्शन वर्कफ़्लो के लिए बिल्ड टूल बेहतर होते हैं — वे मिनिफ़िकेशन (calc() को तोड़े बिना, सुरक्षित रूप से), सोर्स मैप्स, और बंडलिंग को अपने आप इंटीग्रेट करते हैं। बिना बिल्ड पाइपलाइन वाले प्रोजेक्ट या तेज़ एक बार की मिनिफ़िकेशन के लिए यह टूल इस्तेमाल करें।
Is my data safe when using the CSS मिनिफायर?
Completely safe. The CSS मिनिफायर processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the CSS मिनिफायर output in commercial projects?
Yes. The CSS मिनिफायर is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the CSS मिनिफायर follow official standards?
Yes. The CSS मिनिफायर is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.