Minificateur CSS
Minifiez du CSS avec CSSO : suppression des espaces et commentaires, valeurs et couleurs raccourcies, règles fusionnées sans risque. Gain affiché, en local.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Outils Connexes
Voir ToutQu'est-ce que Minificateur CSS ?
Le minificateur CSS compresse les feuilles de style avec CSSO, un optimiseur structurel. En plus de supprimer espaces et commentaires, il raccourcit les valeurs (#ff0000 → red, 0px → 0), fusionne les règles en double et retire les déclarations redondantes quand cela ne peut pas changer le résultat.
Comment utiliser Minificateur CSS
- Collez votre CSS dans la zone de saisie.
- Cliquez sur Minifier (le résultat se met aussi à jour pendant la saisie).
- Consultez la ligne de taille pour connaître le gain.
- Copiez ou téléchargez le CSS minifié.
Exemple
a { color: #ff0000; margin: 0px 0px; } /* c */ a{color:red;margin:0} Quand utiliser Minificateur CSS
Utilisez-le pour les builds de production de petits sites, des blocs <style> en ligne ou du CSS stocké dans un CMS. Si votre build utilise déjà un bundler avec cssnano/lightningcss, continuez avec celui-ci. Conservez manuellement les commentaires de licence si votre licence l'exige.
Comment fonctionne Minificateur CSS
Un premier balayage vérifie les accolades, chaînes et commentaires et signale les blocs déséquilibrés avec leur position. Le CSS est ensuite transmis à csso.minify avec la restructuration activée : CSSO l'analyse en AST (css-tree), applique des compressions de valeurs et des fusions de règles sûres, puis écrit le résultat sans espaces. Les commentaires sont supprimés, y compris les commentaires de licence /*! … */.
Cas d'utilisation courants
- Minifier une feuille de style autonome pour une landing page
- Réduire le CSS critique avant de l'intégrer en ligne
- Compresser du CSS stocké en base de données ou dans un CMS
- Comparer la taille optimisée à l'original
Note de Sécurité
Tout s'exécute localement dans votre navigateur : le code que vous collez n'est pas envoyé.
Questions Fréquentes
La minification peut-elle casser mon CSS ?
CSSO n'applique que des transformations qui gardent le même résultat de cascade, mais testez toujours la sortie.
Pourquoi #ff0000 est-il devenu red ?
red est plus court et désigne exactement la même couleur.
Les commentaires de licence sont-ils conservés ?
Non, tous les commentaires sont supprimés. Rajoutez la licence manuellement si nécessaire.