Menu
Dev Tools

Minifier du CSS en ligne gratuitement (et le reformater)

Minifiez ou reformatez votre CSS instantanément dans le navigateur. Supprime commentaires et espaces pour réduire le poids du fichier.

Fichiers jamais stockésInstantanéSans inscription

🔒 Votre fichier ne quitte jamais votre navigateur. Tout le traitement s'effectue en local.

Comment minifier du CSS en ligne

  1. 1

    Collez votre CSS

    Collez ou saisissez votre code CSS dans la zone de saisie.

  2. 2

    Choisissez Minifier ou Embellir

    Cliquez sur Minifier pour compresser le CSS, ou sur Embellir pour le formater avec une indentation homogène.

  3. 3

    Copiez le résultat

    Le résultat s'affiche à droite. Cliquez sur Copier pour le placer dans le presse-papiers.

Le CSS bloque le rendu : le navigateur ne peut rien afficher tant que toutes les feuilles de style du head ne sont pas téléchargées et analysées. Quelques kilo-octets retardent donc directement le First Contentful Paint, surtout sur mobile. Minifier le CSS est l'optimisation la moins coûteuse : pas de chaîne de build, aucune modification de code, juste un fichier plus léger au rendu identique.

Ce qui est supprimé : les commentaires, l'indentation, les retours à la ligne, les espaces autour des accolades et des deux-points, et le dernier point-virgule avant chaque accolade fermante. Les sélecteurs, noms de propriétés et valeurs ne sont jamais modifiés, le CSS minifié se comporte donc exactement comme l'original. Embellir fait l'inverse : une feuille de style de production devient des règles lisibles, indentées de façon cohérente.

Si votre feuille de style est volumineuse à cause de règles inutilisées plutôt que d'espaces, la minification fera peu gagner ; supprimez d'abord les sélecteurs inutiles dans votre build. Pour vos autres ressources, le minificateur JS et le minificateur HTML appliquent la même idée aux scripts et au balisage.

Questions fréquentes

Ces outils pourraient aussi vous servir