Indentez un HTML désordonné, ou minifiez-le et voyez les octets gagnés
Fonctionne dans votre navigateur. Rien de ce que vous saisissez n'est envoyé nulle part.Formater du HTML indente les balises imbriquées pour rendre la structure visible, et le minifier retire les espaces entre elles. Les octets gagnés sont affichés, ce qui vaut généralement la peine sur une page de 100 KB. Tout est analysé dans votre navigateur, donc une page non publiée reste privée.
Cette page a été traduite automatiquement à partir de l'original anglais. Aucune personne n’a encore relu la traduction : c’est la version anglaise qui fait foi. Lire l'original en anglais
Collez le balisage dans la zone HTML ou appuyez sur Essayer un exemple.
Laissez Formater sélectionné pour l'indenter, ou choisissez Minifier pour retirer les commentaires et les espaces superflus.
Dans Formater, choisissez 2 espaces, 4 espaces ou Tab, et réglez Couper à pour les longues listes d'attributs.
Appuyez sur Copier ou Télécharger pour récupérer le résultat.
Ce formateur HTML fait les deux choses qu'on attend d'un balisage : le rendre lisible ou le rendre léger. Collez à gauche et le résultat apparaît à droite. Formater place chaque élément sur sa propre ligne avec une indentation de deux espaces, quatre espaces ou une tabulation, et coupe les longues listes d'attributs à la largeur choisie. Minifier retire les commentaires et les espaces superflus et affiche la taille avant, la taille après et le pourcentage gagné.
La plupart des visites commencent avec un balisage que personne n'a écrit à la main. Une page enregistrée depuis un navigateur arrive sur une seule ligne. Un moteur de templates produit un bloc où tabulations et espaces sont mélangés. Une étape de build vous remet du HTML de production et vous devez comprendre comment une section est construite. Formater d'abord transforme tout cela en quelque chose que vous pouvez lire et parcourir.
Le minificateur est volontairement prudent. Un espace entre deux éléments en ligne se voit à l'écran, il reste donc ; seuls les espaces entre balises de bloc, que le navigateur ignore de toute façon, sont retirés. Les commentaires disparaissent, sauf les commentaires conditionnels pour l'ancien Internet Explorer. Le contenu de pre, textarea, script et style est copié caractère par caractère, donc l'indentation que vos utilisateurs voient n'est jamais touchée. Le retrait des guillemets d'attributs laisse entre guillemets toute valeur contenant une barre oblique, car les navigateurs acceptent href=/a/b mais plusieurs outils de build ne le lisent pas. Les scripts et les feuilles de style ne sont pas minifiés ici ; utilisez JavaScript Minifier et CSS Minifier pour cela.
Si le balisage ne peut pas être lu, vous obtenez la ligne et la colonne du problème et ce qu'il faut corriger, par exemple un commentaire jamais fermé ou une valeur d'attribut sans son guillemet. Tout s'exécute dans votre navigateur, donc les pages contenant des noms de clients ou des URL internes ne quittent jamais votre appareil.
Oui. Il n'y a ni inscription, ni filigrane, ni limite sur la quantité de balisage collée ou la fréquence d'utilisation. La page est financée par quelques publicités affichées en dehors de l'outil, jamais dans votre résultat.
Non. Le formatage et la minification s'exécutent dans votre navigateur avec JavaScript. Un balisage contenant des noms de clients, des URL internes ou des clés d'API dans une balise script ne quitte jamais votre appareil, et rien n'est conservé une fois l'onglet fermé.
En général de 3 à 10 pour cent des octets bruts, et un peu plus en retirant les guillemets d'attributs. Un balisage très indenté gagne le plus ; une page déjà minifiée ne gagne rien. L'outil affiche la taille exacte avant, la taille après et le pourcentage, vous n'avez donc jamais à deviner.
La minification ne devrait pas changer le rendu d'une page. Les espaces ne sont retirés qu'entre les balises de bloc, où les navigateurs les ignorent de toute façon. Un espace entre deux éléments en ligne comme span ou strong se voit, il est donc conservé, et le contenu de pre, textarea, script et style est copié à l'identique.
Oui. Choisissez Formater et la ligne unique se déploie en balisage indenté, un élément par ligne. Rien n'est ajouté ni retiré, vous lisez donc exactement ce que le navigateur a reçu. Choisissez la largeur d'indentation et la largeur de coupure qui correspondent à votre éditeur.
Non. Tout ce qui se trouve dans une balise style ou script est copié sans changement, car le minifier exige un véritable analyseur CSS ou JavaScript. Passez-les dans CSS Minifier et JavaScript Minifier, puis recollez les résultats.
Toujours bloqué ? Poser une question sur Formateur et minificateur HTML et toute personne qui connaît la réponse peut répondre. Aucun compte nécessaire.