Minifieur & Embellisseur HTML
Compressez le HTML pour la production ou embellissez-le pour la lecture (100% côté client)
L'aperçu est rendu dans une iframe sécurisée. Certaines fonctionnalités peuvent être limitées.
Documentation du Compresseur et Formateur HTML
Qu'est-ce que cet outil ?
La minification HTML supprime les caractères sans impact sur le rendu: espaces inter-balises, commentaires HTML (<!-- -->), balises fermantes optionnelles (</li>, </td>, </p> selon HTML5), valeurs d'attributs booléens (disabled=“disabled” → disabled). Les éléments <pre>, <textarea>, <script> et <style> sont préservés.
Fonctionnalités principales
- Suppression espaces et commentaires: collapse les espaces entre balises de bloc; supprime <!-- -->; préserve le contenu des <pre>/<code>/<textarea>.
- Suppression balises fermantes optionnelles (HTML5): omet </li>/<p>/<tr>/<td> où le parsing HTML5 le permet sans modifier le DOM.
- Compaction attributs booléens: selected=“selected” → selected, disabled=“disabled” → disabled selon HTML5.
- Beautifier configurable: indentation 2/4 espaces ou tabulation, imbrication bloc/inline, préservation <pre>/<code>.
- Normalisation guillemets d'attribut: suppression des guillemets quand la valeur ne contient ni espace ni caractère spécial.
- Delta taille affiché: octets originaux, compressés et ratio de compression.
Cas d'utilisation courants
- Optimisation SSR: minifier la sortie HTML de PHP/Django/Rails avant envoi navigateur; 10-30% de réduction pour pages riches en markup.
- Post-traitement générateurs statiques: Jekyll/Hugo/Eleventy/Next.js; combiné Brotli 85-95% de réduction totale.
- Debug HTML minifié: beautify depuis view-source ou réponses API pour inspecter structure et métadonnées.
- Audit templates: reformater HTML auto-généré par CMS pour vérifier ARIA et hiérarchie des titres.
Ajustements de l'embellissement
Reconstruit l'indentation depuis du HTML plat. Gère la distinction bloc/inline, préserve verbatim <pre> et <code>.
- Indentation configurable: 2 espaces, 4 espaces ou tabulation
- Éléments de bloc sur nouvelle ligne; éléments inline sur la même ligne
- Préservation verbatim de <pre>/<code>/<textarea>
- Normalisation des guillemets doubles sur tous les attributs
Ajustements de la minification
Passes contrôlables: collapse des espaces, suppression commentaires, balises optionnelles, attributs booléens, guillemets.
- Espaces inter-balises réduits à un espace ou supprimés aux limites de bloc
- Commentaires HTML supprimés (conservation conditionnels IE optionnelle)
- Balises fermantes HTML5 optionnelles omises si spec-safe
- Attributs booléens en forme nue
- Guillemets d'attribut supprimés si valeur sans espace ni caractère spécial
Impact estimé sur la taille du fichier
10-30% pour pages à contenu standard. 20-40% pour pages à markup dense. Brotli sur HTML minifié: 85-95% de réduction totale du transfert.
Outils Connexes
Compresseur et Formateur CSS
Compressez ou formatez le code CSS, supprimez les espaces et commentaires pour optimiser la taille du fichier, ou formatez le code pour la lisibilité
Compresseur et Formateur JavaScript
Compressez ou formatez le code JavaScript, supprimez les espaces et commentaires pour optimiser la taille du fichier, ou formatez le code pour la lisibilité
Encodeur/Décodeur HTML
Convertir les caractères spéciaux en entités HTML avec formats nommés, décimaux et hexadécimaux pour prévenir les attaques XSS
Formateur XML
Formater et valider les données XML avec mise en évidence de la syntaxe
Formateur JSON
Formatez et validez les données JSON pour une meilleure lisibilité et débogage
Vérificateur de Différences de Texte
Comparer les différences entre deux textes ou fichiers avec vue côte à côte surlignée