Formateur et minifieur CSS en ligne
Rendez le CSS de nouveau lisible, ou compressez-le pour un site plus rapide.
Collez du CSS, ouvrez un fichier .css ou déposez-le ici
Suivant : Formateur HTML · Formateur et minifieur JavaScript
Signaler un problème avec cet outil
Comment utiliser Formateur et minifieur CSS
Collez votre CSS
Collez une feuille de style, ou ouvrez ou déposez un fichier .css. Il est mis en forme pendant la saisie.
Embellissez ou minifiez
Embellir place chaque règle et chaque propriété sur sa ligne. Minifier supprime les commentaires, les espaces et tout ce dont les navigateurs n’ont pas besoin.
Copiez ou téléchargez
Copiez le résultat, ou téléchargez-le en fichier .css. En minifiant, vous voyez la taille avant et après.
Pourquoi utiliser Utils365
Plus malin qu’une suppression d’espaces
Le minifieur raccourcit aussi les couleurs comme #ff0000 en red, retire les unités des zéros et supprime les règles vides.
Vos règles restent dans l’ordre
Les règles ne sont jamais fusionnées ni déplacées : la cascade fonctionne exactement comme avant et rien n’écrase quoi que ce soit.
Commentaires de licence conservés
Les commentaires commençant par /*! restent dans le fichier minifié, comme l’exigent de nombreuses licences open source.
Confidentialité garantie
Votre CSS est mis en forme dans votre navigateur et n’est jamais envoyé.
Foire aux questions
De combien un CSS minifié est-il plus léger ?
En général de 15 à 30 %, davantage si la feuille de style contient beaucoup de commentaires. Le résumé indique la taille exacte avant et après, et le pourcentage gagné.
La minification peut-elle casser mes styles ?
Elle est conçue pour l’éviter. Les valeurs ne sont réécrites que de façon équivalente, et les règles gardent leur ordre : la règle qui l’emporte ne change pas.
Comment dé-minifier du CSS ?
Collez le CSS minifié et choisissez Embellir. Chaque règle et propriété passe sur sa ligne avec l’indentation choisie. Les commentaires supprimés ne peuvent pas être récupérés.
Cela fonctionne-t-il avec SCSS ou Less ?
Embellir gère la plupart du SCSS et du Less, imbrication comprise. Minifier attend du CSS pur : compilez d’abord votre SCSS ou Less.