Formateur et minificateur CSS
Développez un CSS minifié à raison d'une déclaration par ligne pour le lire ou le déboguer, ou minifiez votre feuille de style pour la production.
Fonctionne dans le navigateur
Mode d'emploi
- Collez votre CSS.
- Choisissez Indenter ou Minifier.
- Copiez le résultat.
Comment ça marche
La feuille de style est découpée en jetons pour que les chaînes (content: "a;b") et commentaires ne soient jamais modifiés. L'indentation place chaque sélecteur, déclaration et accolade sur sa ligne, y compris dans les @media.
La minification supprime commentaires (sauf /*! licence), espaces et dernier point-virgule de chaque bloc, en gardant les espaces significatifs comme ceux de calc().
Exemples
- Framework minifié
- .a{color:red}.b:hover{color:blue} devient deux règles lisibles.
Utilisations courantes
- Lire un CSS tiers ou minifié
- Réduire la taille d'une feuille de style
- Uniformiser le CSS avant une revue
Confidentialité et sécurité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et textes ne sont jamais envoyés sur nos serveurs : le traitement a lieu sur votre appareil. Comment chaque outil traite les fichiers
Questions fréquentes
Remplace-t-il un outil de build ?
Pour la production, Lightning CSS ou cssnano optimisent davantage. Cet outil est idéal ponctuellement.
SCSS ou Less sont-ils gérés ?
L'imbrication simple oui, mais pas la syntaxe spécifique (mixins…).
Dernière mise à jour: