HTML कम्प्रेसर

अपना HTML कोड नीचे पेस्ट करें कम्प्रेस और मिनिफाई करने के लिए।

मूल HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example HTML</title>
    <style type="text/css">
      /* This is a sample CSS comment */
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
        background-color: #f4f4f4;
      }
      .container {
        max-width: 800px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
    </style>
  </head>
  <body>
    <div class="container">
      
      <h1>HTML Compression Example</h1>
      <p>This is a sample HTML document to demonstrate the HTML compressor.</p>
      <ul>
        <li>Removes comments</li>
        <li>Collapses whitespace</li>
        <li>Removes optional tags</li>
      </ul>
      <button onclick="showMessage()" type="button">Click Me</button>
    </div>

कम्प्रेस्ड HTML

कम्प्रेशन विकल्प

HTML टिप्पणियां हटाएंवैकल्पिक HTML टैग हटाएंखाली एट्रिब्यूट्स हटाएंअनावश्यक व्हाइटस्पेस हटाएंबूलियन एट्रिब्यूट्स को संक्षिप्त करें<style> टैग और स्टाइल एट्रिब्यूट्स में CSS मिनिफाई करें (प्रयोगात्मक)<script> टैग में JavaScript मिनिफाई करें (प्रयोगात्मक)

HTML कम्प्रेसर का उपयोग कैसे करें

1
अपना HTML पेस्ट करें
अपने पेज का सोर्स या HTML स्निपेट Original HTML बॉक्स में कॉपी करें।
2
चुनें कि क्या हटाना है
अपनी पसंद के कम्प्रेशन विकल्पों पर टिक करें, जैसे टिप्पणियाँ हटाना, व्हाइटस्पेस समेटना, खाली एट्रिब्यूट हटाना, या इनलाइन CSS और JavaScript को मिनिफ़ाई करना।
3
कोड कम्प्रेस करें
मार्कअप को मिनिफ़ाई करने और मूल आकार, कम्प्रेस्ड आकार, तथा बचाया गया प्रतिशत देखने के लिए Compress HTML पर क्लिक करें।

4
मिनिफ़ाई किया HTML कॉपी करें
अपनी साइट या बिल्ड पाइपलाइन के लिए ऑप्टिमाइज़ किया कोड लेने हेतु Copy Compressed HTML का इस्तेमाल करें।

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

HTML कम्प्रेसर क्या हटाता है?

आपके चालू किए विकल्पों के आधार पर, यह HTML टिप्पणियाँ हटाता है, गैरज़रूरी व्हाइटस्पेस और न्यूलाइन समेटता है, खाली व वैकल्पिक एट्रिब्यूट हटाता है, boolean एट्रिब्यूट समेटता है, और फ़ाइल आकार घटाने के लिए वैकल्पिक क्लोज़िंग टैग हटा सकता है।

क्या यह इनलाइन CSS और JavaScript को भी मिनिफ़ाई कर सकता है?

हाँ। <style> टैग और style एट्रिब्यूट के अंदर के CSS को, तथा <script> टैग के अंदर के JavaScript को मिनिफ़ाई करने के प्रायोगिक विकल्प हैं, इसलिए आप एक ही बार में पूरे पेज को कम्प्रेस कर सकते हैं।

मेरी फ़ाइल कितनी छोटी होगी?

यह इस पर निर्भर करता है कि आपके मार्कअप में कितना व्हाइटस्पेस और टिप्पणियाँ हैं, पर टूल ठीक मूल आकार, कम्प्रेस्ड आकार, और कमी का प्रतिशत दिखाता है ताकि आप अपनी विशिष्ट फ़ाइल के लिए बचाए गए बाइट देख सकें।

क्या मिनिफ़ाई करने से मेरा पेज टूट जाएगा?

अच्छी तरह बने HTML के लिए मानक व्हाइटस्पेस और टिप्पणी हटाना सुरक्षित है। CSS और JS मिनिफ़िकेशन विकल्प प्रायोगिक के रूप में चिह्नित हैं, इसलिए आउटपुट को जाँच लेना समझदारी है, खासकर अगर आपकी स्क्रिप्ट खास फ़ॉर्मैटिंग या टिप्पणियों पर निर्भर करती हैं।

क्या मेरा HTML किसी सर्वर पर अपलोड होता है?

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

HTML कम्प्रेसर

HTML कम्प्रेसर का उपयोग कैसे करें

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

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