CSS मिनिफ़ायर

CSS को एक ही जगह मिनिफाई और कम्प्रेस करें

यह CSS मिनिफायर आपकी स्टाइलशीट को छोटा करता है — हर वो कैरेक्टर हटाकर जो ब्राउज़र को चाहिए नहीं: कमेंट्स, व्हाइटस्पेस, लाइन ब्रेक और हर रूल के अंत का अनावश्यक सेमीकोलन। इससे फ़ाइल बाइट्स में छोटी होती है लेकिन दिखने में बिल्कुल वैसी ही रहती है। अपना कोड पेस्ट करें या .css फ़ाइल ड्रॉप करें और कम्प्रेस्ड रिज़ल्ट तुरंत दिखता है — सटीक बाइट्स और प्रतिशत बचत के साथ।

यह एक साथ CSS कम्प्रेसर और CSS ब्यूटिफायर भी है: एक बटन से मिनिफाई और अन-मिनिफाई के बीच स्विच करें। वही टूल जो स्टाइलशीट को छोटा करता है, उसे वापस पठनीय, इंडेंटेड कोड में भी बदल सकता है।

क्या हटाया जाता है — और क्या कभी नहीं छुआ जाता

जब आप CSS मिनिफाई करते हैं, तो टूल कमेंट्स हटाता है, सभी व्हाइटस्पेस को हटाता है, { } : ; , > + जैसे सिंबल के आसपास के स्पेस हटाता है, और हर क्लोज़िंग ब्रेस से पहले का आखिरी सेमीकोलन भी हटाता है। Aggressive मोड चालू करें और यह लीडिंग ज़ीरो भी हटाता है (0.5em → .5em) और ज़ीरो वैल्यू से यूनिट (0px → 0)।

सबसे ज़रूरी बात — यह लॉसलेस है। क्वोटेड स्ट्रिंग्स, url() वैल्यू और calc() एक्सप्रेशन को कुछ भी हटाने से पहले सुरक्षित किया जाता है, इसलिए calc(100% - 2rem) जैसी वैल्यू के ज़रूरी स्पेस बचे रहते हैं। कई ऑनलाइन मिनिफायर calc() पर गलती करते हैं — यह टूल नहीं करता।

मिनिफाई या ब्यूटिफाई — सच्चा दो-तरफा टूल

क्या किसी एक लाइन में दबी स्टाइलशीट पढ़नी है? Beautify मोड पर जाएं और CSS अन-मिनिफाई करें: टूल कोड को फिर से इंडेंट करता है, हर डिक्लेरेशन अपनी लाइन पर रखता है, हर कोलन के बाद स्पेस जोड़ता है और सेलेक्टर लिस्ट को साफ-सुथरा करता है। 2 स्पेस, 4 स्पेस या टैब इंडेंटेशन चुनें।

चूंकि मिनिफाई और ब्यूटिफाई दोनों रिवर्सिबल हैं, इसलिए आप प्रोडक्शन CSS पेस्ट कर सकते हैं, पढ़ सकते हैं, बदल सकते हैं और फिर मिनिफाई कर सकते हैं — पेज छोड़े बिना।

cssminifier.com, CleanCSS और cssnano से तुलना

cssminifier.com सबसे ज़्यादा इस्तेमाल होने वाला ऑनलाइन विकल्प है, लेकिन यह आपका कोड उनके सर्वर पर भेजता है। प्रोप्राइटरी स्टाइलशीट — क्लाइंट प्रोजेक्ट, अप्रकाशित डिज़ाइन, इंटर्नल टूलिंग — के लिए यह एक असली जोखिम है। CleanCSS और cssnano Node.js लाइब्रेरी हैं: ऑटोमेटेड पाइपलाइन के लिए अच्छी हैं लेकिन बिना लोकल इंस्टॉल के उपलब्ध नहीं।

यह टूल सब कुछ JavaScript से लोकली प्रोसेस करता है — कुछ भी कभी अपलोड नहीं होता। कोई अकाउंट नहीं, कोई अपलोड नहीं, कोई इंस्टॉलेशन नहीं — iPhone, Android, Mac, Windows और Linux पर काम करता है।

बचाए गए बाइट्स देखें — gzip सहित

एक स्टैट्स बार ओरिजिनल साइज़, आउटपुट साइज़ और बचाए गए बाइट्स और प्रतिशत दिखाता है — ताकि आप हमेशा जान सकें कि आपका CSS कितना छोटा हुआ। साइज़ असली UTF-8 बाइट्स में मापी जाती है, कैरेक्टर काउंट में नहीं।

यह ब्राउज़र में लोकली कम्प्यूट की गई gzipped वैल्यू भी दिखाता है। मिनिफिकेशन और gzip मिलकर काम करते हैं — पहले सोर्स मिनिफाई करें, फिर होस्ट उसे कम्प्रेस करे। दोनों नंबर एक साथ देखने से कुल बचत एकदम स्पष्ट हो जाती है।

100% प्राइवेट — कुछ भी आपके ब्राउज़र से बाहर नहीं जाता

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