कोड मिनिफ़ायर

JavaScript (Terser), CSS (CSSO), HTML, JSON या XML को एक ही टूल में मिनिफ़ाई करें: भाषा चुनें, कोड पेस्ट करें और बचे हुए बाइट देखें। मुफ़्त, ब्राउज़र में चलता है।

आउटपुट

पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।

संबंधित टूल्स

सभी देखें

कोड मिनिफ़ायर क्या है?

कोड मिनिफ़ायर कई भाषाओं को मिनिफ़ाई करने की एक ही जगह है। JavaScript, CSS, HTML, JSON या XML चुनें; यह उपयुक्त मिनिफ़ायर लगाता है और मूल व मिनिफ़ाई किया हुआ आकार दिखाता है।

कोड मिनिफ़ायर का उपयोग कैसे करें

  1. भाषा चुनें।
  2. अपना कोड इनपुट बॉक्स में पेस्ट करें।
  3. मिनिफ़ाई करें पर क्लिक करें (टाइप करते समय आउटपुट अपने आप भी अपडेट होता है)।
  4. मिनिफ़ाई किया हुआ कोड कॉपी या डाउनलोड करें।

उदाहरण

इनपुट
a { color : red ; }
आउटपुट
a{color:red}

भाषा: CSS।

कोड मिनिफ़ायर का उपयोग कब करें

त्वरित, एक बार की मिनिफ़िकेशन और आकार की तुलना के लिए इसका उपयोग करें। प्रोडक्शन एप्लिकेशन में अपनी बिल्ड पाइपलाइन में सोर्स मैप के साथ मिनिफ़ाई करें। हर इंजन की ज़्यादा जानकारी समर्पित मिनिफ़ायर पेजों पर है।

कोड मिनिफ़ायर कैसे काम करता है

हर भाषा के लिए अलग इंजन है: JavaScript – Terser, कंप्रेशन और लोकल नाम छोटे करने (mangling) के साथ; CSS – ब्रेस/स्ट्रिंग जाँच के बाद CSSO से संरचनात्मक मिनिफ़िकेशन; HTML – सुरक्षित मिनिफ़ायर जो टिप्पणियाँ हटाता है और व्हाइटस्पेस समेटता है, पर pre, textarea, script और style को छुए बिना रखता है; JSON – सख्त पार्सिंग और संख्याएँ सुरक्षित रखते हुए सघन प्रिंटिंग; XML – बनावट की जाँच, फिर टैगों के बीच का व्हाइटस्पेस और टिप्पणियाँ हटाई जाती हैं।

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

  • किसी पेज में इनलाइन करने से पहले स्निपेट मिनिफ़ाई करना
  • कोड के अलग-अलग संस्करणों का आकार तुलना करना
  • JSON या XML पेलोड छोटे करना
  • कोड साझा करने से पहले टिप्पणियाँ हटाना

सुरक्षा नोट

सब कुछ आपके ब्राउज़र में ही चलता है; आप जो कोड पेस्ट करते हैं वह कहीं अपलोड नहीं होता।

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

डिफ़ॉल्ट रूप से कौन-सी भाषा चुनी होती है?

JavaScript। भाषा चयनकर्ता से इसे बदलें।

क्या यह सोर्स मैप बनाता है?

नहीं।

क्या यह TypeScript मिनिफ़ाई कर सकता है?

नहीं, पहले TypeScript को JavaScript में कंपाइल करें।

सुझाए गए अगले कदम

एस्केप/अनएस्केप टूल
JSON, JavaScript, HTML, XML, URL कंपोनेंट, रेगुलर एक्सप्रेशन, SQL लिटरल, CSS स्ट्रिंग और शेल आर्ग्युमेंट के लिए स्ट्रिंग एस्केप या अनएस्केप करने का एक ही टूल।
CSS सेलेक्टर टेस्टर
चिपकाए HTML पर CSS सेलेक्टर टेस्ट करें और हर मैच हुआ एलिमेंट उसके मार्कअप और टेक्स्ट के साथ देखें। querySelectorAll इस्तेमाल होता है, इसलिए नतीजे ब्राउज़र से हूबहू मिलते हैं।
CSS बॉक्स शैडो जेनरेटर
CSS box-shadow को विज़ुअली बनाएं: कई लेयर जोड़ें, ऑफ़सेट, ब्लर, स्प्रेड, inset और RGBA ओपेसिटी सेट करें, लाइव प्रीव्यू देखें और साफ़ कोड कॉपी करें।
CSS ग्रेडिएंट जेनरेटर
ड्रैग होने वाले कलर स्टॉप, एंगल, रिपीटिंग मोड और OKLCH इंटरपोलेशन के साथ linear, radial और conic CSS ग्रेडिएंट बनाएं। लाइव प्रीव्यू, कोड कॉपी करें।
CSS फ़्लेक्सबॉक्स जेनरेटर
flex-direction, wrap, justify-content, align-items, gap और हर आइटम के flex, order व align-self विज़ुअली सेट करें, लाइव चाइल्ड और कॉपी करने लायक CSS के साथ।
CSS ग्रिड जेनरेटर
CSS Grid लेआउट विज़ुअली बनाएं: grid-template-columns/rows, वैलिडेशन के साथ नामित एरिया, गैप, अलाइनमेंट और हर आइटम का प्लेसमेंट। साफ़ CSS कॉपी करें।

और श्रेणियाँ देखें