Minificateur CSS
Compressez ou embellissez votre CSS, avec le gain en octets.
- Instantané
- Gratuit
- Privé (traité localement)
- Sans inscription
Du CSS plus léger, ou plus lisible — au choix
En production, on veut un CSS compact pour charger vite ; en développement, un CSS aéré pour le lire. Cet outil fait les deux sens, et affiche à chaque fois combien d’octets vous avez gagnés ou repris.
-
Collez votre CSS
Une règle, une feuille entière, peu importe la taille.
-
Minifiez ou embellissez
Compression maximale, ou ré-indentation propre.
-
Lisez le gain
Octets avant → après et pourcentage économisé.
Ce que la minification retire
| Avant | Après |
|---|---|
| /* commentaire */ | (supprimé) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Sauts de ligne et tabulations | (supprimés) |
Minificateur volontairement simple et sûr : il ne renomme rien et ne fusionne pas les règles. Pour la production critique, un outil de build (cssnano, Lightning CSS) ira plus loin.
Questions fréquentes
Pourquoi minifier son CSS ?
Un fichier CSS plus léger se télécharge plus vite : la page s’affiche plus tôt et consomme moins de bande passante. Sur de gros fichiers, retirer commentaires, espaces et retours à la ligne fait souvent gagner 20 à 40 % du poids.
La minification change-t-elle le rendu ?
Non : elle ne touche qu’aux caractères invisibles (espaces, retours, commentaires) et au point-virgule final inutile. Les règles, valeurs et sélecteurs restent identiques. Le navigateur interprète exactement le même style.
Que fait le mode « embellir » ?
L’inverse : il ré-indente un CSS compressé ou mal formaté, une règle par ligne, avec retraits, pour le rendre lisible et modifiable. Pratique pour déchiffrer le CSS minifié d’un site et comprendre comment il est construit.
Mes feuilles de style sont-elles envoyées en ligne ?
Non : tout le traitement se fait dans votre navigateur, rien n’est transmis. Vous pouvez minifier du CSS confidentiel ou propriétaire sans qu’il quitte votre machine.