Minificateur CSS
Collez une feuille de style pour obtenir le CSS équivalent le plus léger, avec le gain de taille exact.
Scellé sur cet appareil
Fonctionne dans votre navigateur. Rien n’est envoyé.
Scellé
CSS minifié
Votre CSS minifié s’affichera ici pendant la saisie.
Comment ça marche
-
Collez votre CSS
Collez une feuille de style ou ouvrez un fichier .css. La minification démarre pendant la saisie.
-
Choisissez jusqu’où aller
La fusion des règles donne le fichier le plus léger. Désactivez-la si l’ordre de vos règles doit rester exactement tel quel.
-
Copiez ou téléchargez
Comparez la taille avant et après, gzip compris, puis copiez le résultat ou téléchargez un fichier .min.css.
Questions fréquentes
Mon CSS est-il envoyé en ligne ?
Non. La minification se fait dans votre navigateur avec le moteur open source CSSO. Votre feuille de style ne quitte jamais votre appareil.
Que supprime la minification ?
Les espaces, les retours à la ligne, les commentaires, le dernier point-virgule de chaque bloc ainsi que les zéros et unités superflus. Les couleurs sont raccourcies (par exemple #ff0000 devient red) et les déclarations en double sont supprimées.
À quoi sert « Fusionner et réordonner les règles » ?
Cette option regroupe les règles qui partagent des sélecteurs ou des déclarations et les déplace quand c’est sans risque, ce qui fait souvent gagner le plus d’octets. Si vos styles reposent sur un ordre de cascade inhabituel, désactivez-la pour garder la structure d’origine.
Pourquoi garder les commentaires /*! ?
Les commentaires qui commencent par /*! contiennent généralement une licence ou une mention de copyright qui doit accompagner le code. Tous les autres commentaires sont supprimés.
Qu’est-ce que la taille gzip ?
Les serveurs web compressent généralement le CSS avant de l’envoyer. La valeur gzip, mesurée dans votre navigateur, indique à peu près combien d’octets transitent réellement sur le réseau.