HTML मिनिफ़ायर

HTML को सुरक्षित रूप से मिनिफ़ाई करें: टिप्पणियाँ हटाएँ, व्हाइटस्पेस समेटें और ब्लॉक टैग के आसपास के स्पेस हटाएँ, जबकि pre, textarea, script और style जैसे के तैसे रहें।

HTML इनपुट

आउटपुट

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

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

HTML मिनिफ़ायर रूढ़िवादी, रेंडरिंग-सुरक्षित बदलावों से HTML छोटा करता है: टिप्पणियाँ हटती हैं, व्हाइटस्पेस की शृंखला एक स्पेस बन जाती है, और ब्लॉक-स्तर टैग के पास का व्हाइटस्पेस हटा दिया जाता है। <pre>, <textarea>, <script> और <style> की सामग्री बाइट-दर-बाइट वैसी ही रखी जाती है।

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

HTML को इनपुट बॉक्स में पेस्ट करें।
मिनिफ़ाई करें पर क्लिक करें (टाइप करते समय आउटपुट अपने आप भी अपडेट होता है)।
साइज़ वाली पंक्ति देखकर जानें कि कितनी बचत हुई।
मिनिफ़ाई किया हुआ HTML कॉपी या डाउनलोड करें।

उदाहरण

इनपुट

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

आउटपुट

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

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

स्टैटिक पेज, ईमेल टेम्पलेट या कोड में एम्बेड HTML स्निपेट के लिए इसका उपयोग करें। gzip/brotli की तुलना में लाभ मामूली है। यह वैकल्पिक टैग या एट्रिब्यूट कोट्स नहीं हटाता, इसलिए आउटपुट मान्य और अनुमानित रहता है।

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

एक छोटा टोकनाइज़र इनपुट को टैग, टेक्स्ट, टिप्पणियों और रॉ-टेक्स्ट ब्लॉक में बाँटता है। टिप्पणियाँ हटा दी जाती हैं, सिवाय Internet Explorer की कंडीशनल टिप्पणियों (<!--[if …]>) के। टेक्स्ट में हर व्हाइटस्पेस शृंखला एक स्पेस बन जाती है; जब पड़ोसी div, p, li या table जैसा ब्लॉक-स्तर टैग हो तो शुरू/अंत के स्पेस हटा दिए जाते हैं, पर इनलाइन एलिमेंट के बीच (<b>a</b> <i>b</i>) वे रखे जाते हैं क्योंकि वे दिखाई देते हैं। टैग के भीतर का व्हाइटस्पेस सामान्य किया जाता है; एट्रिब्यूट मान नहीं बदलते। पेज के भीतर का JavaScript और CSS मिनिफ़ाई नहीं होता – उसके लिए JS या CSS मिनिफ़ायर का उपयोग करें।