Entrée
Préparation de votre espace de travail…
Mode d’emploi
- Collez du CSS, ouvrez un fichier UTF-8 ou chargez Exemple.
- Choisissez l’indentation ou activez Minifier le CSS, puis lancez l’action.
- Vérifiez le résultat et utilisez Copier ou Télécharger.
Formater ou minifier le CSS
Le formatage facilite la lecture et la révision d’une feuille de style. La minification supprime espaces facultatifs et commentaires ordinaires pour réduire sa représentation textuelle.
Les deux opérations analysent d’abord l’entrée. Prettier formate ; CSSTree génère une syntaxe compacte sans optimiser l’ensemble de la feuille.
Choisir une opération
Formater applique une indentation et des sauts de ligne cohérents. Choisissez deux ou quatre espaces selon votre projet.
Minifier compacte le CSS valide en conservant espaces nécessaires et commentaires de licence commençant par une exclamation. Un optimiseur distinct peut encore simplifier la sortie.
.card { color: red; padding: 8px; }.card{color:red;padding:8px}Illustration de syntaxe compacte ; activez Minifier le CSS pour produire cette forme.
Limites de transformation
L’outil ne retire pas les sélecteurs inutilisés, ne fusionne pas les règles, ne réécrit pas les URL et ne charge pas les imports. Testez la feuille dans son application d’origine.
L’entrée est du CSS, pas un programme Sass ou Less. Les erreurs d’analyse sont signalées ; après modification, l’ancien résultat ne peut plus être exporté.
Exporter une feuille de style
Copier exporte tout le résultat courant ; Télécharger enregistre styles.css. Aucune action ne modifie votre source ni n’installe la feuille dans un projet.
Texte de 1 MiB maximum. Les transformations CSS et HTML s'exécutent dans un worker avec une limite de 30 secondes. Les outils de couleur utilisent sRGB ; les styles générés sont des aperçus à tester dans votre propre mise en page.
Questions fréquentes
La minification supprime-t-elle le CSS inutilisé ?
Non. Elle compacte la syntaxe sans analyser le HTML ni identifier les sélecteurs utilisés.
Les commentaires de licence sont-ils conservés ?
Les commentaires commençant par /*! sont conservés ; les autres sont retirés. Vérifiez les obligations supplémentaires de votre projet.
Puis-je coller du Sass ou du Less ?
L’outil analyse du CSS sans lancer de compilateur Sass ou Less. Compilez d’abord les sources du préprocesseur.
Pourquoi Copier est-il désactivé après une modification ?
La sortie correspond à l’entrée ou aux réglages précédents. Relancez l’opération pour obtenir un résultat actuel.
Ma feuille est-elle envoyée en ligne ?
Non. Analyse et transformation se font dans le navigateur. Le fichier est lu localement ; Télécharger crée une nouvelle sortie.