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

HTML मिनिफायर

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

यहाँ HTML फ़ाइल खींचें और छोड़ें

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

या

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

HTML लघुकरण वेबपेज के स्रोत से अनावश्यक वर्णों को हटा देता है - टैग, टिप्पणियों, अनावश्यक उद्धरणों, वैकल्पिक समापन टैग के बीच रिक्त स्थान - पृष्ठ को प्रस्तुत करने के तरीके को बदले बिना फ़ाइल आकार को कम करने के लिए। बचत प्रति पृष्ठ मामूली होती है (आमतौर पर 10-30%) लेकिन कई अनुरोधों में मिश्रित होती है, विशेष रूप से स्थिर साइटों या गतिशील संपीड़न के बिना परोसे गए पृष्ठों के लिए।

यह मिनीफ़ायर ब्लॉक-स्तरीय तत्वों के बीच व्हाइटस्पेस को हटा देता है, गैर-महत्वपूर्ण पाठ के अंदर व्हाइटस्पेस के रन को ढहा देता है, HTML टिप्पणियों को हटा देता है (IE सशर्त टिप्पणियों को छोड़कर), जहां HTML5 विनिर्देश द्वारा अनुमति दी जाती है, वहां अनावश्यक विशेषता उद्धरण हटा देता है, और जहां विनिर्देश अनुमति देता है वहां वैकल्पिक समापन टैग (</p>, </li>) को हटा देता है। परिणाम प्रत्येक ब्राउज़र में स्रोत के समान ही प्रस्तुत होता है।

सर्वर स्तर पर gzip या brotli संपीड़न के साथ जोड़े जाने पर न्यूनतमकरण सबसे उपयोगी होता है। संपीड़न पहले से ही अधिकांश बचत न्यूनतमकरण को हटा देता है, लेकिन दोनों मिलकर अभी भी अकेले संपीड़न को मात देते हैं - विशेष रूप से उच्च-यातायात साइटों के लिए जहां बैंडविड्थ लागत मायने रखती है।

HTML को छोटा क्यों करें

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

न्यूनतम HTML बड़े पैमाने पर बैंडविड्थ लागत को भी कम करता है। प्रति पृष्ठ 10 केबी बचत के साथ प्रतिदिन दस लाख पृष्ठों की सेवा देने वाली साइट प्रतिदिन 10 जीबी निकास बचाती है। स्थैतिक साइटों के लिए प्रभाव यौगिक सीडीएन से परोसे जाते हैं जो डेटा ट्रांसफर द्वारा बिल किए जाते हैं।

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

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

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

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

तकनीकी विवरण

मिनिफ़ायर HTML टोकन को टोकन द्वारा संसाधित करता है। ब्लॉक-स्तरीय तत्वों (<div>, <p>, <ul>) के बीच रिक्त स्थान हटा दिया गया है क्योंकि यह रेंडरिंग को प्रभावित नहीं करता है। इनलाइन संदर्भों के अंदर व्हाइटस्पेस (<span>, <a>, टेक्स्ट सामग्री) संरक्षित है क्योंकि यह रेंडरिंग को प्रभावित कर सकता है।

टिप्पणियाँ डिफ़ॉल्ट रूप से हटा दी जाती हैं लेकिन सशर्त टिप्पणियाँ (<!--[if IE]>) संरक्षित रहती हैं। विशेषता उद्धरण हटा दिए जाते हैं जहां HTML5 पार्सर अनुमति देता है - रिक्त स्थान या विशेष वर्णों के बिना एकल-शब्द विशेषता मान उद्धरण को छोड़ सकते हैं।

वैकल्पिक समापन टैग HTML5 विनिर्देश के अनुसार हटा दिए गए हैं: </p>, </li>, </td>, और कुछ अन्य को तब छोड़ा जा सकता है जब कोई भाई-बहन उनका अनुसरण करता है, जो उनके करीबी होने का संकेत देता है। यह पढ़ने में असामान्य है लेकिन मान्य HTML5 है जिसे ब्राउज़र समान रूप से पार्स करते हैं।

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

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

HTML लघुकरण क्या हटाता है?
टैग, HTML टिप्पणियों (<!-- -->), वैकल्पिक समापन टैग (</li>, </p>, </td>), डिफ़ॉल्ट विशेषता मान (इनपुट पर टाइप = "पाठ"), और बूलियन विशेषता मान (अक्षम = "अक्षम" → अक्षम) के बीच अनावश्यक रिक्त स्थान।
क्या छोटा करने से मेरा पेज टूट सकता है?
शायद ही, लेकिन संभव है यदि आपका सीएसएस इनलाइन तत्वों के बीच रिक्त स्थान पर निर्भर करता है या यदि जावास्क्रिप्ट आंतरिक HTML तुलनाओं का उपयोग करता है। हमेशा न्यूनतम आउटपुट का परीक्षण करें. उपकरण डिफ़ॉल्ट रूप से रूढ़िवादी सेटिंग्स का उपयोग करता है।
अगर मैं Next.js जैसे फ्रेमवर्क का उपयोग करता हूं तो क्या मुझे HTML को छोटा करना चाहिए?
अधिकांश आधुनिक ढाँचे (Next.js, Nuxt, Angular) उत्पादन बिल्ड में HTML को स्वचालित रूप से छोटा करते हैं। यह टूल स्थिर HTML फ़ाइलों, ईमेल टेम्प्लेट और बिना बिल्ड सिस्टम वाले प्रोजेक्ट के लिए उपयोगी है।
क्या यह इनलाइन सीएसएस और जावास्क्रिप्ट को भी छोटा कर देता है?
यह टूल HTML संरचना पर केंद्रित है। इनलाइन <style> और <script> सामग्री को वैसे ही संरक्षित किया जाता है। उनके लिए, इष्टतम परिणामों के लिए समर्पित सीएसएस और जावास्क्रिप्ट मिनीफायर का उपयोग करें।
क्या वैकल्पिक समापन टैग हटाना सुरक्षित है?
HTML5 विशिष्टता के अनुसार हाँ, हालाँकि परिणाम को पढ़ना कठिन है। कुछ टीमें मामूली आकार के दंड को स्वीकार करते हुए स्पष्टता के लिए इस परिवर्तन को अक्षम कर देती हैं।
क्या मेरा HTML किसी सर्वर पर अपलोड किया गया है?
नहीं, मिनिफ़ायर आपके ब्राउज़र में चलता है।
इसकी तुलना html-minifier-terser से कैसे की जाती है?
html-minifier-terser कैनोनिकल Node.js HTML मिनिफायर है और थोड़ा अधिक आक्रामक परिणाम देता है। यह टूल बिल्ड सेटअप के बिना ब्राउज़र-साइड उपयोग के लिए समान परिवर्तनों को कवर करता है।
क्या मुझे हमेशा या चुनिंदा रूप से छोटा करना चाहिए?
हमेशा उत्पादन के लिए. संस्करण नियंत्रण में स्रोत कोड के लिए कभी नहीं; रखरखाव के लिए स्रोत में पठनीय HTML आवश्यक है।