Utilore

Minifier le CSS

Collez une feuille de style et récupérez-la compressée. Le compteur sous le champ affiche la taille avant et après, pour juger si le jeu en valait la chandelle.

Le code ne quitte jamais cette page : le formatage se fait dans votre navigateur.

Comment faire

  1. Collez le CSS dans le premier champ : il est minifié au fil de la saisie.
  2. Comparez les tailles affichées sous l’entrée.
  3. Copiez le résultat, ou cliquez sur « Formater » pour le relire.

Bon à savoir

Ce qui est retiré

Commentaires, sauts de ligne, indentation, espaces autour des deux-points et des combinateurs, ainsi que le point-virgule final avant chaque accolade fermante, que la norme n’a jamais exigé. Les sélecteurs gardent l’espace qui sépare un descendant de son ancêtre : le supprimer changerait ce que la règle cible.

Pourquoi les chaînes restent intactes

Un point-virgule dans content: "a;b" et une accolade dans une data URI SVG ressemblent à de la structure pour une expression régulière. Les minificateurs à base de motifs cassent ces fichiers en silence, et le dégât apparaît sous forme d’icône manquante en production. Celui-ci lit la feuille caractère par caractère et reporte les chaînes entières.

Questions fréquentes

La feuille fonctionne-t-elle toujours à l’identique ?

Oui. Rien n’est renommé, réordonné ni supprimé : seuls espaces et commentaires partent, et aucun des deux n’influe sur l’application d’une règle.

De combien mon fichier va-t-il maigrir ?

Une feuille écrite à la main perd en général vingt à trente pour cent. Après gzip, l’écart est bien plus faible, la compression traitant déjà les espaces répétés.

Mon code part-il vers un serveur ?

Non. Tout se déroule dans la page, ce qui compte pour des feuilles encore non publiques.

Puis-je le relire ensuite ?

Cliquez sur « Formater » : la feuille se déploie avec une déclaration par ligne. Les commentaires d’origine ont disparu, mais toutes les règles sont là.

Outils similaires