Compresseur HTML

Collez votre code HTML ci-dessous pour le compresser et le minifier.

HTML Original

<!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 Compressé

Options de Compression

Supprimer les commentaires HTMLSupprimer les balises HTML optionnellesSupprimer les attributs videsSupprimer les espaces inutilesRéduire les attributs booléensMinifier le CSS dans les balises <style> et les attributs style (expérimental)Minifier le JavaScript dans les balises <script> (expérimental)

Comment utiliser Compresseur HTML

1
Collez votre HTML
Copiez le code source de votre page ou un extrait HTML dans la zone HTML original.
2
Choisissez ce qu'il faut supprimer
Cochez les options de compression voulues, comme supprimer les commentaires, réduire les espaces, supprimer les attributs vides ou minifier le CSS et le JavaScript en ligne.
3
Compressez le code
Cliquez sur Compresser le HTML pour minifier le balisage et voir la taille d'origine, la taille compressée et le pourcentage économisé.

4
Copiez le HTML minifié
Utilisez Copier le HTML compressé pour récupérer le code optimisé pour votre site ou votre chaîne de build.

Questions fréquentes

Que supprime le compresseur HTML ?

Selon les options activées, il supprime les commentaires HTML, réduit les espaces et sauts de ligne inutiles, retire les attributs vides et optionnels, condense les attributs booléens et peut supprimer les balises de fermeture optionnelles pour réduire la taille du fichier.

Peut-il aussi minifier le CSS et le JavaScript en ligne ?

Oui. Des options expérimentales permettent de minifier le CSS à l'intérieur des balises <style> et des attributs style, ainsi que le JavaScript dans les balises <script>, afin de compresser une page entière en une seule passe.

De combien mon fichier va-t-il rétrécir ?

Cela dépend de la quantité d'espaces et de commentaires dans votre balisage, mais l'outil affiche la taille d'origine exacte, la taille compressée et le pourcentage de réduction afin que vous voyiez les octets économisés pour votre fichier précis.

La minification risque-t-elle de casser ma page ?

La suppression standard des espaces et des commentaires est sûre pour un HTML bien formé. Les options de minification CSS et JS sont marquées comme expérimentales : il est donc prudent de tester le résultat, surtout si vos scripts dépendent d'un formatage ou de commentaires spécifiques.

Mon HTML est-il envoyé à un serveur ?

Non. La compression s'exécute entièrement dans votre navigateur : votre code reste sur votre appareil. L'outil est gratuit, sans inscription, et fonctionne sur mobile.

Outils similaires

Continuez avec ces outils pratiques

Convertisseur HTML vers Texte

Formateur JSON

Convertisseur de Texte en HTML

Générateur de Listes HTML

Générateur de Tables HTML

Testeur de Regex