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
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.
Continuez à améliorer vos images
Faites passer votre retouche photo au niveau supérieur avec ces outils populaires
Ajouter du texte à l’image
Ajouter des légendes et des titres à votre photo améliorée
Ajouter une bordure de photo
Encadrez votre effet avec de belles bordures
Compresser l’image
Optimisez votre image améliorée pour le partage
Redimensionner l’image
Modifier les dimensions de l’image
Photo en dessin animé
Essayez un style artistique différent
Croquis au crayon
Créez des dessins artistiques au crayon
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.
usagePrettify 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.
featuresNon — 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.
technicalIl 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.
featuresAucun 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.
privacyMinify 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.
technicalOui — 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.
tipsC’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.
pricingUse 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.
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.
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.
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.
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 ».
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.
Pixoate