Formateur et minificateur CSS
Embellissez le CSS pour le lire ou minifiez-le pour le déployer
À propos de cet outil
Dépliez du CSS minifié ou copié-collé en règles à une déclaration par ligne, ou compressez une feuille de style pour la production. L’embellisseur normalise l’indentation et le placement des accolades ; le minificateur supprime les commentaires, replie les espaces et retire les points-virgules finaux, tout en laissant intacts les chaînes, le contenu des url(...) et les expressions calc().
Le minificateur est transparent sur ce qu’il ne fait pas : il ne renomme pas les sélecteurs, ne fusionne pas les règles en double et ne réécrit pas les couleurs. La sortie est donc prévisible et sûre pour n’importe quelle feuille de style, y compris celles pleines de hacks et de préfixes vendeurs — collez, minifiez, livrez.
Comme pour chaque outil ici, le traitement est local. Le code de design system non publié reste dans votre navigateur.
Questions fréquentes
- De combien le CSS minifié rétrécit-il ?
- Typiquement 15–30 % pour du CSS écrit à la main, surtout grâce à l’indentation et aux commentaires. Gzip sur votre serveur élimine une bonne part de la même redondance, le gain sur le réseau est donc plus modeste que le décompte d’octets bruts ne le suggère — minifiez quand même : cela réduit aussi le temps d’analyse.
- Est-ce sûr pour calc(), les propriétés personnalisées et les media queries ?
- Oui. Les espaces à l’intérieur de calc() sont significatifs et sont préservés ; les propriétés personnalisées et leurs références var() sont des déclarations ordinaires et survivent inchangées ; @media et les autres at-rules gardent leur structure.
- Pourquoi les sélecteurs descendants gardent-ils leurs espaces ?
- Parce que « nav a » et « nava » ne sélectionnent pas la même chose — l’espace est un combinateur, pas de la mise en forme. Le minificateur ne retire que les espaces sans signification syntaxique.
- Peut-il convertir entre LESS/SCSS et CSS ?
- Non — la syntaxe des préprocesseurs demande une compilation, pas un formatage. Du SCSS simple qui est aussi du CSS valide se formatera bien ; les règles imbriquées et les mixins, non.