Embellisseur et minificateur HTML

Embellissez ou minifiez du HTML avec son CSS et son JS intégrés, des erreurs précises et des statistiques de taille.

Fonctionne en local · aucun envoi
Input
Output 
À quoi il sert
Collez un modèle, un e-mail, une page enregistrée depuis le navigateur ou un bloc HTML sur une seule ligne issu d’un CMS et récupérez un HTML propre, indenté de façon cohérente, ou sa version sûre la plus compacte. La sortie se met à jour pendant la saisie.
Fonctionnalités
  • Formatage Prettier avec 2 espaces, 4 espaces ou des tabulations, la largeur de ligne de votre choix et un attribut par ligne pour les balises longues.
  • Le code intégré est aussi formaté : les blocs <style> et <script> ainsi que les attributs style="" sont mis en forme par les formateurs CSS et JavaScript. Ces analyseurs supplémentaires ne sont téléchargés que si votre document en contient.
  • Espaces : Respecter le display CSS (par défaut) n’ajoute ni ne supprime jamais d’espace là où cela modifierait le rendu des éléments en ligne. Strict traite chaque élément comme un élément en ligne, Ignorer formate librement.
  • Minifier supprime les commentaires (facultatif ; les commentaires conditionnels comme <!--[if IE]> sont conservés), réduit chaque suite d’espaces à un seul espace et supprime les espaces à côté des balises de bloc comme div, p, li ou td. Le contenu de <pre>, <textarea>, <script>, <style> et <title> est copié octet par octet, et les valeurs d’attributs ne sont jamais modifiées.
  • Erreurs précises : une balise non fermée ou une balise fermante en trop est signalée avec sa ligne et sa colonne, un extrait de code avec un repère et un bouton Aller à l’erreur.
  • Taille avant et après, nombre de lignes et durée.
Comment l’utiliser
  1. Collez du HTML, ouvrez un fichier ou déposez-le sur l’entrée. Exemple charge une page d’exemple.
  2. Choisissez Formater ou Minifier et ajustez les options.
  3. Copiez ou téléchargez le résultat. Ctrl+Enter lance le traitement immédiatement ; décochez En direct pour les très gros fichiers.
Le minificateur est volontairement prudent : il ne supprime ni les balises facultatives ni les guillemets d’attributs, et il ne réécrit pas le CSS ou le JavaScript en ligne. Comme la plupart des minificateurs HTML, il supprime les espaces à côté des balises de bloc même si votre CSS les rend inline-block (par exemple une liste horizontale de li), ce qui peut supprimer de petits écarts entre elles.
Confidentialité
Le formatage et la minification se font dans votre navigateur ; seuls les fichiers Prettier de version figée sont téléchargés depuis un CDN. Votre HTML n’est jamais envoyé. La dernière saisie est conservée dans le stockage local pour qu’un rechargement ne la perde pas. Utilisez Effacer pour la supprimer.