Minificateur et embellisseur CSS
Allégez vos feuilles de style en supprimant commentaires, espaces et règles vides, ou faites l’inverse : transformez du CSS minifié en code lisible et indenté. Vous voyez la taille d’origine, la taille finale et la taille gzip.
Traité à 100 % dans votre navigateur
Ctrl + Enter exécuterCtrl + C copier le résultat
Comment l’utiliser
- 1Collez votre CSS, déposez un fichier .css ou chargez l’exemple.
- 2Choisissez « Minifier » ou « Embellir » et réglez les options (licences, optimisation, indentation).
- 3Le résultat se met à jour instantanément avec le gain en octets et avec gzip.
- 4Copiez le résultat ou téléchargez-le en fichier .css.
Cas d’usage
- Préparer le CSS pour la production et améliorer les Core Web Vitals.
- Lire et déboguer le CSS minifié d’un site ou d’une bibliothèque.
- Mesurer le poids réel d’une feuille de style servie compressée.
- Nettoyer du CSS hérité : supprimer commentaires et règles vides.
Questions fréquentes
Que fait exactement la minification CSS ?
Elle supprime commentaires, espaces, sauts de ligne, le dernier point-virgule de chaque bloc et les règles vides, et raccourcit des valeurs comme #aabbcc → #abc ou 0.5 → .5. Le navigateur interprète le CSS à l’identique, mais le fichier est plus léger.
Peut-elle casser mon CSS ?
Elle est conçue pour l’éviter : le texte entre guillemets, les url() et les espaces de calc() sont conservés, ainsi que les espaces des sélecteurs descendants (par exemple « a :hover »). Vérifiez tout de même le résultat avant de le publier.
Pourquoi conserver les commentaires /*! … */ ?
Par convention, les commentaires commençant par /*! contiennent des mentions de licence (MIT, Apache…) que de nombreuses licences imposent de garder, même dans du code minifié.
Que signifie la taille « avec gzip » ?
La taille approximative transférée sur le réseau si votre serveur compresse en gzip, calculée dans votre navigateur avec CompressionStream. C’est le chiffre qui influe réellement sur la vitesse de chargement.