HTML Prettify & Minify - Formater HTML en ligne gratuitement

Embellir un HTML brouillon avec une indentation appropriée, ou réduire en une ligne. Laissez tomber un fichier .html ou coller, puis copiez ou téléchargez le balisage nettoyé.

HTML d’entrée

ou déposer un fichier .html

Sortie formatée

À propos de HTML Prettify

Propulsé par js-beautify, il s’exécute entièrement dans votre navigateur. Le mode Prettify reformate les tags sur leurs propres lignes avec une indentation cohérente ; Le mode minifier retire les commentaires et effondre les espaces blancs pour la plus petite charge utile.

Frequently Asked Questions

Collez n’importe quel HTML — même une sortie miniaturisée d’une ligne unique issue d’un pipeline de compilation — et l’outil le reformate avec une indentation appropriée, une balise par ligne et un espace blanc cohérent. Choisissez un indentation à 2, 4 ou 8 espaces. Le résultat est prêt à être déposé dans votre éditeur ou à coller dans un commentaire de revue de code.

usage

Prettify développe le HTML pour la lisibilité : chaque balise sur sa propre ligne, enfants imbriqués en indentation, lignes vierges conservées entre les sections. Minify retire les commentaires, efface les séquences d’espaces blancs et supprime les sauts de ligne pour que le fichier soit expédié en moins d’octets. Utilisez Pretify pour l’édition et la révision, Minify pour le déploiement en production.

features

Non — js-beautify (le moteur sous le capot) détecte les blocs de script et de style et met en forme leur contenu avec les règles JS ou CSS appropriées, afin que les scripts en ligne restent valides et les feuilles de style lisibles. Les balises auto-fermantes, les éléments void et les attributs en espace de noms (svg :xmlns, xlink :href) sont tous gérés correctement.

technical

Il gère bien le HTML simple et les modèles similaires au HTML, mais le JSX pur (expressions à crochets en boucle, fragments, balises composantes en majuscule) est analysé comme HTML et peut détecter des problèmes cosmétiques mineurs. Pour le code spécifique au framework, nous recommandons Prettier configuré pour votre dialecte ; pour les fichiers HTML bruts, .htm et modèles, notre outil est parfait.

features

Aucun upload n’a lieu. Le formateur fonctionne entièrement dans votre navigateur avec js-beautify, ce qui vous permet de coller en toute sécurité des modèles de pages internes, de brouillons d’emails ou de HTML contenant des données privées sans que rien ne quitte votre appareil.

privacy

Minify retire les commentaires HTML, efface toute série d’espaces blancs entre les balises en un seul espace, et supprime les sauts de ligne. Le résultat est un HTML à rendu identique à octets, généralement 10 à 30 % plus petit. Combiné à gzip sur le serveur, cela réduit nettement le poids initial des pages sur les pages très contenues.

technical

Oui — cliquez sur Télécharger pour enregistrer la sortie embellie comme output.html ou la sortie minifiée comme output.min.html. Le fichier est codé en UTF-8, il fonctionne donc aussi bien avec le contenu anglais, cyrillique, CJK et de droite à gauche.

tips

C’est un petit utilitaire réservé au navigateur — aucun coût d’hébergement — donc nous le livrons gratuitement dans le cadre de notre boîte à outils pour développeurs. Pas de publicités, pas de suivi de la sortie, pas de limites de taille de fichier au-delà de ce que votre navigateur peut contenir en mémoire.

pricing

Use Cases

Nettoyage du modèle d’e-mail

Le HTML des emails marketing arrive souvent depuis les ESP sous forme d’un seul blob minifié. Embellissez-la pour inspecter la structure, trouver cette colonne de table brisée, et corriger une faute de frappe avant d’envoyer la prochaine explosion.

marketing

Migration de contenu CMS

Exporter d’un CMS et importer dans un autre implique généralement de déplacer du HTML. Pretify rend les diffs lisibles, minify réduit la charge utile, et les deux modes préservent la fidélité du contenu.

development

Sortie de capture web

Le HTML brut extrait d’un site web est illisible sans mise en forme. Embellis la sortie pour trouver le sélecteur CSS dont tu as besoin, puis écris la règle d’extraction pour ton scraper.

data

Optimisation statique du site

Minify a généré du HTML à partir de votre générateur de site statique avant le déploiement. Réduit de 10 à 30 % la taille du fichier en plus de gzip — une amélioration mesurable des temps de première peinture sur les pages très chargées en contenu.

performance

Extraits de documentation

Lorsque vous collez des exemples HTML dans des documents, des articles de blog ou des fichiers README, embellissez d’abord pour que les lecteurs puissent suivre la structure. Gardez la version minifiée pour la comparaison de la « production ».

documentation

Assistant de refactorisation JSX

Avant de convertir un morceau de HTML en JSX, embellis-le pour que le script de conversion voie un arbre propre. Cela évite le reformatage manuel lors de votre migration React/Vue.

development