Aller au contenu

Minificateur HTML

Réduisez HTML en supprimant les commentaires, les espaces inutiles et les attributs vides.

Entrée
Sortie

Minificateur HTML

Collez n'importe quel document ou fragment HTML et cet outil retourne une version plus petite avec le même résultat rendu. Il supprime les commentaires, réduit les espaces inutiles entre les balises et dans les listes d'attributs, et enlève les attributs vides comme class="" qu'un navigateur ignore de toute façon. Utilisez-le avant de publier une page statique, d'intégrer un modèle dans un autre système ou de coller du balisage avec une limite de taille.

Quatre options contrôlent l'étendue de la minification. Conserver le contenu de pre, textarea et script garde les espaces exacts à l'intérieur de ces éléments inchangés, car un espace égaré dans un bloc <pre> ou un script est souvent significatif. Fusionner plusieurs espaces convertit les suites d'espaces, tabulations et sauts de ligne en un seul espace. Supprimer les guillemets des valeurs d'attribut simples enlève les guillemets autour de valeurs comme id=box qui n'en ont pas besoin selon HTML5. Supprimer les balises de fermeture optionnelles enlève les balises qu'un navigateur déduit de lui-même, comme </li> avant un autre <li> ou </td> avant </tr>.

L'outil fonctionne sur le texte brut de votre balisage plutôt que de re-sérialiser un DOM complet, donc il ne réécrit jamais la casse des noms de balises ou d'attributs. SVG en ligne avec des éléments sensibles à la casse comme viewBox ou clipPath passe inchangé. Il gère les sauts de ligne Windows et Unix, et le décompte sous la sortie signale la taille en octets avant et après minification ainsi que le pourcentage économisé.

Tout s'exécute localement dans votre navigateur — votre balisage n'est jamais téléchargé nulle part, ce qui le rend sûr pour les modèles internes ou tout ce qui n'est pas encore public. Copiez le résultat, téléchargez-le en tant que fichier .txt ou renvoyez la sortie dans l'entrée pour appliquer une autre passe.

FAQ

Est-ce que cela cassera ma page?
Les options par défaut sont conservatrices: le contenu de pre, textarea et script est laissé intact, et les balises de fermeture ne sont supprimées que là où la spécification HTML5 dit qu'un navigateur les déduit de toute façon. Vérifiez le résultat avant de publier si vous activez les options plus agressives.
Est-ce qu'il minifie également le CSS et JavaScript à l'intérieur de mon HTML?
Non. Le contenu à l'intérieur des balises <style> est traité comme du texte ordinaire et le contenu à l'intérieur des balises <script> est préservé par défaut. Utilisez un minificateur CSS ou JS dédié sur ce code séparément, puis collez la page combinée ici.
Que se passe-t-il avec les commentaires?
Tous les commentaires HTML sont supprimés, y compris ceux utilisés pour les notes ou les marqueurs de section. Si vous devez conserver un commentaire spécifique, supprimez-le de l'entrée avant de coller, ou réinsérez-le après la minification.
Pourquoi un attribut alt vide reste-t-il sur mes images?
alt="" est significatif — il dit à la technologie d'assistance qu'une image est décoractive — donc cet outil la conserve bien qu'il supprime d'autres attributs vides comme class="".
Mon HTML est-il téléchargé quelque part?
Non. La minification s'exécute entièrement dans votre navigateur en utilisant du JavaScript local — votre balisage ne quitte jamais votre appareil.