Minifieur CSS en ligne
Minifiez CSS, JavaScript, HTML ou JSON dans le navigateur : supprimez commentaires et espaces, voyez la taille réduite instantanément.
Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
À propos de cet outil
Cette page ouvre le minifieur de code avec CSS présélectionné. Collez une feuille de style, appuyez sur le bouton et obtenez une ligne compacte unique : commentaires supprimés, espaces réduits autour des accolades, deux-points, points-virgules et virgules, et le dernier point-virgule superflu avant chaque accolade fermante retiré.
Le CSS répond très bien à la minification car les feuilles de style formatées sont principalement composées d’indentations et de commentaires — les gains typiques se situent entre 15 % et 40 % de la taille du fichier. Un CSS plus léger signifie que le navigateur commence le rendu plus tôt, car les feuilles de style sont des ressources bloquantes pour l’affichage : chaque kilo-octet retiré du CSS raccourcit le temps jusqu’à la première peinture sur les connexions lentes.
Le minifieur fait attention là où c’est important : les chaînes dans les propriétés content et les valeurs url() sont copiées telles quelles, et les espaces autour des deux-points au niveau des sélecteurs sont conservés pour que les combinateurs comme « a :hover » gardent leur sens. Le panneau des tailles montre les octets avant et après ainsi que le pourcentage gagné, et le résultat peut être copié ou téléchargé en un clic.