सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें
बग रिपोर्ट करें

डेवलपर · लोकल उपयोगिता

CSS मिनिफ़ायर

CSS Minifier

CSS लोकल रूप से मिनिफ़ाई करें — कॉपी करने से पहले पहले और बाद के साइज़ की तुलना करें; नमूना लोड कर एक क्लिक में असर देखें।

टास्क पथ / इनपुट से परिणाम तक

स्टाइलशीट पेस्ट करें

लोकल रूप से चलता है · कुछ भी अपलोड नहीं होता

CSS मिनिफ़ायर कैसे काम करता है, निजता और संबंधित टूल

टास्क पथ / इनपुट से परिणाम तक

CSS कैसे मिनिफ़ाई करें

  1. 01

    स्टाइलशीट पेस्ट करें

    अधिकतम 256 KiB UTF-8 स्रोत पेस्ट करें। मिनिफ़ाई मोड में इंडेंट विकल्प बंद रहता है।

  2. 02

    पहले नमूना आज़माएं

    नमूना लोड हो गया। तैयार होने पर लोकल रूपांतरण चलाएं।

  3. 03

    मिनिफ़ाई दबाएं

    मिनिफ़ाई दबाएँ। CSSO सामान्य टिप्पणियाँ हटाता है और नियमों को पुनर्गठित किए बिना CSS छोटा करता है; /*!...*/ टिप्पणियाँ बचती हैं। लक्ष्य लेआउट में जाँचें।

  4. 04

    आंकड़े जांचें

    इनपुट और आउटपुट के UTF-8 बाइट तथा बचत प्रतिशत की तुलना करें। बचत ऋणात्मक हो तो परिणाम बड़ा है; कॉपी या डाउनलोड से पहले जाँचें।

  5. 05

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

    क्लिपबोर्ड के लिए नतीजा कॉपी करें इस्तेमाल करें या toolars.min.css सहेजने के लिए डाउनलोड करें — जब आउटपुट सीधे किसी style ब्लॉक या कमिट में जा रहा हो तो नतीजा कॉपी करें ही तेज़ रास्ता है। रीसेट अगली स्टाइलशीट के लिए वर्कस्पेस साफ़ करता है।

टूल के तथ्य

प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त

आपका इनपुट ब्राउज़र में ही रहता है।

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

लोकल एक्ज़ीक्यूशन

मौजूदा ब्राउज़र टैब के अंदर चलता है।

कोई छिपी प्रोसेसिंग नहीं

सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।

खाते की ज़रूरत नहीं

बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।

तुरंत रीसेट

टैब साफ़ करें और सक्रिय कार्य डेटा गायब।

CSS मिनिफ़ायर कब उपयोगी होता है

कोड रिव्यू

किसी दूसरे डेवलपर के साथ शेयर करने से पहले सोर्स को जाँचने में आसान बनाएँ।

बिल्ड आर्टिफ़ैक्ट

सोर्स चलाए बिना कॉम्पैक्ट HTML, CSS या JavaScript बनाएँ।

कॉपी-रेडी स्निपेट

कोई केंद्रित उदाहरण फ़ॉर्मैट करें और उसे सीधे दस्तावेज़ या एडिटर में ले जाएँ।

CSS मिनिफ़ायर असल में क्या करता है

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

आम सवाल

मिनिफ़ायर क्या बदलता है?
CSSO सिंटैक्स छोटा करता है और सामान्य टिप्पणियाँ हटाता है; /*! से शुरू टिप्पणियाँ रहती हैं। नियमों का पुनर्गठन बंद है; यह HTML या JavaScript नहीं संभालता।
कौन से कमेंट मिनिफ़िकेशन से बच जाते हैं?
सिर्फ़ वे कमेंट जो /*! से खुलते हैं — लाइसेंस और एट्रिब्यूशन बैनर की आम परिपाटी, जो आउटपुट से जुड़े रहते हैं ताकि एट्रिब्यूशन वितरण से बचा रहे। साधारण /* */ कमेंट हटा दिए जाते हैं, इसलिए जो कुछ भी रखना हो उसे मिनिफ़ाई से पहले /*! रूप में डाल दें।
क्या मिनिफ़िकेशन बदल देगा कि मेरी स्टाइल कैसे लागू होती हैं?
यहाँ ब्राउज़र रेंडरिंग की जाँच नहीं होती। खासकर वैकल्पिक नियमों का क्रम, चयनकर्ता और कस्टम गुण लक्ष्य पेज पर जाँचें; सफल पार्सिंग समान लेआउट की गारंटी नहीं है।
मेरी स्टाइलशीट क्यों अस्वीकार हुई?
CSS को मिनिफ़ाई से पहले सख़्त पार्सर से पार्स किया जाता है, ठीक इसलिए कि कंप्रेसर खुद त्रुटि-सहिष्णु होता है। टाइपो, बंद न हुई ब्रेस, या अमान्य डिक्लेरेशन रन को लाइन और कॉलम के नाम के साथ रोक देती है, हल्की-फुल्की गलत आउटपुट बनाने के बजाय। वही सख़्त पार्स इस परिवार के मेल खाते CSS फ़ॉर्मैटर को भी आधार देता है।
सीमाएं क्या हैं?
इनपुट सीमा 256 KiB और आउटपुट सीमा 512 KiB है। स्थानीय Worker को शुरू होने और चलने के लिए अलग-अलग पाँच सेकंड मिलते हैं; स्रोत बदलने या रद्द करने पर काम रुकता है। स्रोत इसी ब्राउज़र में रहता है; कुछ भी अपलोड नहीं होता।
क्या मेरा CSS कहीं अपलोड होता है?
नहीं। स्रोत लोकल Worker के अंदर पार्स होता है और कभी एक्ज़ीक्यूट, अपलोड या सहेजा नहीं जाता। पार्सर की स्वीकृति न तो एप्लिकेशन की सही-सलामती है, न ब्राउज़र कंपैटिबिलिटी।

डेवलपर में जारी रखें

संबंधित काम, कोई बंद गली नहीं।

पूरे इंडेक्स पर लौटे बिना किसी दूसरे केंद्रित वर्कस्पेस में जाएँ।

कोड से इमेज

Code to Image Converter

कोड पेस्ट करें, भाषा और थीम चुनें, फ़्रेम सजाएँ और हाइलाइट किया कोड PNG या SVG में एक्सपोर्ट करें — स्केल और फ़ॉन्ट एडजस्टेबल, पूरी तरह लोकल।

बनाएँ

URL स्लग जनरेटर

URL Slug Generator

टाइटल से साफ़ URL slug बनाएँ — एक्सेंट हटते हैं, & को 'and' बनता है, हर स्क्रिप्ट के अक्षर बचे रहते हैं। हाइफ़न या अंडरस्कोर चुनें; टाइप करते ही नतीजा।

बनाएँ

React Native के लिए शैडो

React Native Shadow Generator

iOS शैडो और Android elevation सेट करें, पुराने shadow और नए boxShadow सिंटैक्स की तुलना करें, प्लेटफ़ॉर्म सीमाएँ देखें और तैयार स्टाइल कॉपी करें।

बनाएँ

Base64 एन्कोडर/डिकोडर

Base64 Encoder/Decoder

यूनिकोड टेक्स्ट एनकोड करें या Base64 डिकोड करें — URL-सेफ़ वेरिएंट और लाइव वैलिडेशन सहित, पूरी तरह लोकल; Swap से राउंड-ट्रिप एक क्लिक में।

बदलें