Minificateur CSS

Ce que fait la restructuration

En plus de supprimer les espaces, le minifieur raccourcit les valeurs (#ffffff devient #fff, 0px devient 0) et fusionne les règles. Deux sélecteurs ayant des déclarations identiques sont regroupés dans une seule règle, et des déclarations peuvent passer d’une règle à l’autre lorsque la cascade le permet. La sortie ne suit donc pas l’ordre de votre source, et une recherche de sélecteur peut le trouver regroupé avec d’autres. Pour lire le résultat, développez-le avec le formateur CSS.

Les commentaires de licence sont conservés

Les commentaires ordinaires sont supprimés, mais un commentaire qui commence par /*! est conservé. C’est la convention utilisée par les bibliothèques pour les mentions de copyright et de licence qui doivent accompagner le code ; écrivez donc ces mentions sous cette forme afin que le fichier réduit reste conforme.

La minification supprime également le lien entre la sortie et la source. Les outils de développement du navigateur ne peuvent faire correspondre le CSS réduit à l’original qu’au moyen d’une source map, produite par les outils de compilation et absente de cette page ; conservez donc le fichier lisible comme fichier de travail.

Comment l'utiliser

1. Collez le CSS.
2. Choisissez Minify CSS.
3. Copiez ou téléchargez la feuille de style optimisée.

Confidentialité et limitations

Le CSS reste dans votre navigateur. Testez le résultat par rapport aux exigences visuelles et de compatibilité des navigateurs avant le déploiement.