Minificateur HTML

Minifiez du HTML en toute sécurité : suppression des commentaires, espaces réduits, blocs pre, textarea, script et style conservés tels quels. En local.

Entrée HTML

Sortie

S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.

Outils Connexes

Voir Tout

Formateur JSON Validateur JSON Formateur XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

Qu'est-ce que Minificateur HTML ?

Le minificateur HTML réduit la taille du HTML grâce à des transformations prudentes qui ne modifient pas le rendu : les commentaires sont supprimés, les suites d'espaces deviennent un seul espace et les espaces à côté des balises de type bloc sont retirés. Le contenu de <pre>, <textarea>, <script> et <style> est conservé octet pour octet.

Comment utiliser Minificateur HTML

Collez le HTML dans la zone de saisie.
Cliquez sur Minifier (le résultat se met aussi à jour pendant la saisie).
Consultez la ligne de taille pour voir le gain obtenu.
Copiez ou téléchargez le HTML minifié.

Exemple

Entrée

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

Sortie

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

Quand utiliser Minificateur HTML

Utilisez-le pour des pages statiques, des modèles d'e-mails ou des extraits HTML intégrés dans du code. Les gains sont modestes comparés à gzip/brotli. Il ne supprime ni les balises facultatives ni les guillemets d'attributs, ce qui garde une sortie valide et prévisible.

Comment fonctionne Minificateur HTML

Un petit analyseur lexical découpe l'entrée en balises, texte, commentaires et blocs de texte brut. Les commentaires sont supprimés, sauf les commentaires conditionnels d'Internet Explorer (<!--[if …]>). Dans le texte, toute suite d'espaces devient un seul espace ; les espaces en début et fin sont retirés quand le voisin est une balise de type bloc comme div, p, li ou table, mais conservés entre éléments en ligne (<b>a</b> <i>b</i>), où ils sont visibles. Les espaces à l'intérieur des balises sont normalisés ; les valeurs d'attributs ne changent pas. Le JavaScript et le CSS de la page ne sont pas minifiés : utilisez pour cela le minificateur JS ou CSS.