RevealTheme logo

Minificateur de CSS

Supprimez les commentaires, les espaces blancs et les caractères inutiles du CSS pour réduire la taille du fichier.

Comment utiliser cet outil

  1. 1

    Paste your CSS — a single rule, a component stylesheet, or an entire file.

  2. 2

    The minified result and the byte savings appear instantly below the input.

  3. 3

    Copy the minified output, or compare the before/after byte count to see the reduction.

Qu'est-ce que le minificateur de CSS ?

Le CSS minifié se charge plus vite : chaque octet compte sur le chemin de rendu critique. La minification supprime les commentaires, réduit les espaces blancs et simplifie la syntaxe (par exemple, 'color: #ffffff' devient 'color:#fff'). Pour les sites en production, utilisez un minificateur au moment de la compilation comme cssnano ; cet outil est destiné aux fragments de CSS ponctuels.

Cas d'usage courants

  • Shrink a critical-CSS snippet you're inlining into the <head> to remove a render-blocking request.

  • Compress CSS for an HTML email or newsletter, where every kilobyte counts and there's no build pipeline.

  • Paste CSS into a CMS or page-builder field that doesn't minify automatically (WordPress 'Additional CSS', Shopify theme settings).

  • Check how much weight a third-party stylesheet adds before deciding whether to self-host it.

  • Clean up CSS copied from DevTools, which arrives with computed-style comments and inconsistent spacing.

  • Produce a one-line version of a rule to paste into a chat, ticket, or code-review comment.

Questions fréquentes

La minification va-t-elle casser mon CSS ?
Non : la minification préserve la sémantique. Si votre CSS se casse, c'est que la source contenait des erreurs de syntaxe que le navigateur tolérait mais que le minificateur ne tolère pas.
Quelle réduction de taille puis-je espérer ?
Entre 20 % et 40 % sur du CSS écrit à la main typique. Moins sur du CSS déjà compressé issu de frameworks.

Outils connexes