Outil gratuit. Sans inscription.
Minificateur CSS
Réduisez vos feuilles de style pour la production : supprime les commentaires et espaces, raccourcit les couleurs et les zéros, et indique exactement les octets économisés.
Ce que fait l'outil
La minification supprime tout ce dont le navigateur n'a pas besoin : commentaires, retours ligne, indentation, espaces autour des accolades et des deux-points, points-virgules finaux, plus des optimisations sûres comme #ff0000 vers red ou #f00, et 0px vers 0. Le résultat se comporte pareil mais se télécharge plus vite.
Exemple
body { color: #ff0000; margin: 0px; } devient body{color:red;margin:0} : 39 caractères réduits à 24, environ 38 % plus petit.
Quand minifier
Minifiez le CSS envoyé en production. Gardez l'original lisible comme source de vérité et régénérez le fichier minifié à chaque changement.
Estimation indicative. Les résultats reposent sur les tarifs publics indiqués et peuvent différer de votre facture réelle. Conditions
Questions fréquentes
La minification change-t-elle le comportement du CSS ?
Non. Elle ne supprime que des caractères ignorés par l'analyseur CSS, plus des raccourcis prouvés sûrs. Sélecteurs, spécificité et cascade sont inchangés.
De combien le CSS diminue-t-il ?
En général de 20 à 40 %, selon les espaces et commentaires de l'original. L'outil affiche votre économie exacte.
Faut-il minifier pendant le développement ?
Non. Développez avec du CSS lisible (et des source maps si votre build en utilise), puis minifiez à l'étape de build ou collez le résultat ici avant de déployer.
Mon CSS est-il envoyé à un serveur ?
Non. La minification se fait localement dans votre navigateur, vos feuilles de style restent privées.