Mise en forme et minification HTML - Formatez votre HTML en ligne gratuitement
Embellissez un HTML désordonné avec une indentation correcte, ou minifiez-le sur une seule ligne. Déposez un fichier .html ou collez votre code, puis copiez ou téléchargez le balisage nettoyé.
Collez votre HTML ici…
ou déposez un fichier .html
Vous avez terminé avec l'Embellisseur HTML ? Essayez ceux-ci
Des outils sélectionnés qui se marient parfaitement avec Formatage HTML. Continuez sans perdre votre fichier.
Embellir le JSON
Formatez, validez et minifiez du JSON dans votre navigateur. Indentation soignée à 2 / 4 / 8 espaces ou minification sur une ligne, avec copie et téléchargement.
Essayez maintenantÉditeur Markdown
Rédigez en Markdown avec un aperçu HTML en direct. Titres, listes, tableaux, blocs de code, citations. Exportez en HTML ou en Markdown.
Essayez maintenantComparateur de texte
Comparez deux extraits de texte ligne par ligne. Vue côte à côte ou unifiée, avec options pour ignorer les espaces et la casse.
Essayez maintenantImage vers HTML
Convertissez vos captures d'écran en HTML clair avec de véritables éléments <table> et un balisage structuré.
Essayez maintenantPDF vers HTML
Convertissez vos PDF en HTML sémantique avec de vrais éléments <table>. Fonctionne sur les PDF numérisés.
Essayez maintenantEncodeur / décodeur Base64
Encodez n'importe quel texte ou fichier en Base64 (avec variante URL-safe), ou décodez du Base64 en texte. Compatible UTF-8.
Essayez maintenantFrequently Asked Questions
Collez n'importe quel HTML — même une sortie minifiée sur une seule ligne issue d'une chaîne de build — et l'outil le remet en forme avec une indentation correcte, une balise par ligne et des espacements cohérents. Choisissez une indentation de 2, 4 ou 8 espaces. Le résultat est prêt à être glissé dans votre éditeur ou collé dans un commentaire de revue de code.
usageL'embellissement déploie le HTML pour le rendre lisible : chaque balise sur sa propre ligne, les éléments imbriqués indentés et les lignes vides conservées entre les sections. La minification supprime les commentaires, compresse les suites d'espaces et retire les sauts de ligne pour que le fichier pèse moins d'octets. Utilisez l'embellissement pour l'édition et la relecture, et la minification pour le déploiement en production.
featuresNon — js-beautify (le moteur sous le capot) détecte les blocs script et style et formate leur contenu avec les règles JS ou CSS appropriées, de sorte que les scripts en ligne restent valides et les feuilles de style lisibles. Les balises auto-fermantes, les éléments vides et les attributs avec espace de noms (svg:xmlns, xlink:href) sont tous gérés correctement.
technicalIl gère parfaitement le HTML simple et les modèles de type HTML, mais le JSX pur (expressions entre accolades, fragments, balises de composant en majuscules) est analysé comme du HTML et peut présenter de légers problèmes cosmétiques. Pour le code propre à un framework, nous recommandons Prettier configuré pour votre dialecte ; pour le HTML brut, les fichiers .htm et les fichiers de modèle, notre outil est parfait.
featuresAucun téléversement n'a lieu. Le formateur fonctionne entièrement dans votre navigateur avec js-beautify, vous pouvez donc coller en toute sécurité des modèles de pages internes, des brouillons d'e-mails ou du HTML contenant des données privées sans que rien ne quitte votre appareil.
privacyLa minification supprime les commentaires HTML, réduit toute suite d'espaces entre les balises à un seul espace et élimine les sauts de ligne. Le résultat est un HTML au rendu identique au pixel près, généralement 10 à 30 % plus léger. Combinée à gzip côté serveur, elle réduit nettement le poids initial des pages riches en contenu.
technicalOui : cliquez sur Télécharger pour enregistrer le résultat mis en forme sous output.html ou le résultat minifié sous output.min.html. Le fichier est encodé en UTF-8, il fonctionne donc aussi bien avec du contenu anglais, cyrillique, CJK ou de droite à gauche.
tipsIl s'agit d'un petit utilitaire fonctionnant uniquement dans le navigateur — sans aucun coût d'hébergement — c'est pourquoi nous le proposons gratuitement dans le cadre de notre boîte à outils pour développeurs. Aucune publicité, aucun suivi sur le résultat, aucune limite de taille de fichier au-delà de ce que votre navigateur peut conserver en mémoire.
pricingHow HTML Prettify helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
Nettoyage de modèles d'e-mails
Le HTML des e-mails marketing arrive souvent des plateformes d'envoi sous forme d'un bloc minifié unique. Embellissez-le pour examiner la structure, repérer cette colonne de tableau défaillante et corriger une coquille avant le prochain envoi.
Migration de contenu CMS
Exporter depuis un CMS pour importer dans un autre implique généralement de déplacer du HTML. Le mode « embellir » rend les différences lisibles, le mode « minifier » réduit la taille des données, et les deux préservent fidèlement le contenu.
Résultats de web scraping
Le HTML brut récupéré d'un site web est illisible sans mise en forme. Embellissez le résultat pour trouver le sélecteur CSS dont vous avez besoin, puis rédigez la règle d'extraction de votre scraper.
Optimisation de sites statiques
Minifiez le HTML généré par votre générateur de site statique avant le déploiement. Vous réduisez la taille du fichier de 10 à 30 % en plus de gzip — une amélioration mesurable des temps de premier affichage sur les pages riches en contenu.
Extraits de documentation
Lorsque vous collez des exemples HTML dans de la documentation, des articles de blog ou des fichiers README, embellissez-les d'abord pour que les lecteurs puissent suivre la structure. Réservez la version minifiée à la comparaison « sortie de production ».
Assistant de refactorisation JSX
Avant de convertir un bloc HTML en JSX, embellissez-le pour que le script de conversion travaille sur une arborescence propre. Vous éviterez ainsi un reformatage manuel lors de votre migration React/Vue.
Pixoate