Aller au contenu
TextArray
Tout en local

Minificateur CSS

Réduisez le CSS en supprimant les commentaires et les espaces sans toucher à vos valeurs.

Entrée
Sortie

Minificateur CSS

Collez une feuille de style et cet outil renvoie une version compacte avec les commentaires supprimés, les espaces réduits et le dernier point-virgule de chaque bloc supprimé. Utilisez-le pour réduire les octets d'une feuille de style avant l'expédition, pour intégrer des CSS critiques dans un en-tête de page, pour insérer des styles dans un modèle de courrier électronique HTML ou simplement pour voir la quantité de formatage de votre fichier - le décompte sous la sortie indique le nombre d'octets et le pourcentage enregistré.

Le minificateur analyse votre CSS au lieu de remplacer aveuglément le texte, de sorte que les parties délicates restent intactes : les chaînes littérales conservent chaque caractère, les expressions calc() conservent les espaces autour de leurs opérateurs, les valeurs url() sont copiées intactes et un sélecteur descendant comme "a :hover" n'est jamais fusionné dans "a:hover". Ce qu'il ne fait délibérément pas, c'est réécrire vos valeurs : les couleurs, les unités et les raccourcis apparaissent exactement tels que vous les avez écrits. Il s'agit d'un minificateur honnête d'espaces et de commentaires, et non d'un optimiseur qui restructure les règles.

Deux options ajustent la sortie. "Conserver les commentaires /*!" préserve les commentaires commençant par /*!, la convention pour les bannières de licence qui doivent survivre à la minification - désactivez-la pour les supprimer comme n'importe quel autre commentaire. "Une règle par ligne" émet une nouvelle ligne après chaque règle de niveau supérieur, ce qui permet de conserver le résultat plus convivial et plus facile à analyser qu'une longue ligne.

Tout fonctionne dans votre navigateur. Votre CSS n'est jamais téléchargé, donc les feuilles de style propriétaires et les conceptions inédites restent sur votre appareil.

FAQ

Réécrit-il les couleurs, les unités ou les propriétés abrégées ?
Non, il supprime uniquement les commentaires, les espaces inutiles et le dernier point-virgule de chaque bloc. Les valeurs, les sélecteurs et l'ordre des propriétés apparaissent exactement tels qu'ils sont écrits : ils ne restructurent ni n'optimisent les règles comme le ferait un minificateur d'outil de construction.
Les valeurs délicates comme calc() ou url() seront-elles interrompues ?
L'outil analyse le CSS, de sorte que les littéraux de chaîne sont préservés caractère pour caractère, calc() conserve les espaces requis autour de ses opérateurs et tout ce qui se trouve à l'intérieur de url() est copié intact.
Que sont /* ! commentaires et pourquoi les conserver ?
Un commentaire commençant par /* ! est la convention pour les bannières de licence qui doivent survivre à la minification. « Conserver les commentaires /* ! » est activé par défaut ; désactivez-le pour les supprimer comme n'importe quel autre commentaire.
Mon CSS est-il téléchargé quelque part ?
Non. La minification s'exécute entièrement dans votre navigateur et votre feuille de style ne quitte jamais votre appareil.