La fusion respecte la cascade
Les règles sont fusionnées de façon à conserver la même cascade. Si une page change d’apparence, désactivez la restructuration et minifiez de nouveau.
POUR LES DÉVELOPPEURS WEB
Le code reste sur votre appareil
Minificateur CSS
Minifiez du CSS en supprimant les espaces et les commentaires, en raccourcissant les couleurs et les valeurs et en fusionnant les règles en double. Gratuit et dans votre navigateur.
1 Votre CSS
Traité dans votre navigateur. Rien n’est envoyé.
TROIS PETITES ÉTAPES
Comment minifier du CSS
-
01
Collez votre feuille de style
Collez le CSS d’un fichier ou d’une balise style, y compris les media queries et les propriétés personnalisées.
-
02
Décidez de la restructuration
Laissez la fusion des règles activée pour le fichier le plus léger, ou désactivez-la pour supprimer seulement les espaces, les commentaires et les valeurs redondantes.
-
03
Utilisez le CSS minifié
Copiez le résultat ou téléchargez-le sous le nom styles.min.css, puis liez ce fichier depuis vos pages.
Bon à savoir
Les commentaires de licence restent
Les commentaires commençant par /*! sont conservés : les mentions de copyright exigées par une licence restent dans le fichier.
Validez d’abord
Le minificateur ne signale pas le CSS non valide : validez votre feuille de style et testez le fichier minifié dans les navigateurs que vous prenez en charge.
QUESTIONS
Questions fréquentes
Faut-il minifier le CSS avant ou après la compilation de Sass ?
Compilez d’abord le Sass ou le Less en CSS classique, puis collez ce CSS ici. Cet outil compresse du CSS et ne compile pas la syntaxe d’un préprocesseur. Conservez votre source modifiable séparément du résultat minifié.
De combien mon CSS va-t-il être allégé ?
Cela dépend de la quantité d’espaces, de commentaires et de répétitions du fichier. L’outil affiche le poids avant et après ainsi que le pourcentage gagné.
Puis-je minifier du Sass ou du Less ?
Non. Compilez d’abord le Sass ou le Less en CSS, puis collez le CSS compilé ici.
Le CSS minifié fonctionnera-t-il dans les mêmes navigateurs ?
Oui. Le minificateur n’ajoute pas de nouvelle syntaxe : il raccourcit ce qui existe déjà, par exemple #ffffff en #fff et 0px en 0.