Minifieur / Embellisseur CSS

Collez votre CSS et cliquez sur Embellir pour le formater avec une indentation correcte, ou sur Minifier pour le compresser. Tout le traitement se fait dans votre navigateur.

À propos du minifieur / embellisseur CSS

Cet outil traite le CSS entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.

  • Embellir : Formate le CSS minifié avec une indentation correcte et des retours à la ligne pour la lisibilité.
  • Minifier : Supprime les espaces, les commentaires et les caractères inutiles pour réduire la taille du fichier.

Minifier est une optimisation de transport, pas une étape à conserver dans vos sources. Retirez commentaires et espaces pour ce qui part en production, gardez la copie lisible pour ce que vous modifiez. Sur un serveur où la compression est déjà active, le gain est plus faible qu'on ne le croit, car gzip traite très bien les espaces répétés, mais il ne coûte rien.

Outils liés

Convertisseur Markdown vers HTML Convertisseur HTML vers Markdown Convertisseur de couleurs

Le balisage vous résiste ?

Des entités échappées, des encodages abîmés et un contenu qui s'affiche d'une façon dans le CMS et d'une autre sur la page signifient en général que quelque chose devine dans la chaîne. Nous construisons les interfaces et le chemin de publication derrière elles, pour que le visiteur voie ce que vous avez écrit.

Parlons de votre site

Questions fréquentes

Combien la minification fait-elle vraiment gagner ?
Moins qu'on ne l'imagine une fois la compression active, car gzip réduit déjà efficacement les espaces répétés. Le gain est réel mais modeste ; le vrai bénéfice vient souvent de la suppression des règles devenues inutiles.
Cela peut-il casser ma feuille de style ?
Pas si l'entrée est valide. Commentaires et espaces n'ont aucun sens en CSS, à une exception près : l'espace du sélecteur descendant est significatif, et un minificateur qui le retire change la règle. Celui-ci le conserve.
Puis-je récupérer mon formatage ?
Vous pouvez le rendre lisible, pas retrouver l'original : les commentaires ont disparu, et les retours à la ligne choisis aussi. Embellir produit une mise en forme cohérente, pas la vôtre, d'où l'intérêt de garder la source.
Faut-il minifier à la main ?
Seulement pour un cas isolé. Ce que vous déployez régulièrement doit être minifié par le build, pour que la copie lisible reste celle que vous modifiez. Cette page sert au cas isolé et à vérifier ce qu'un build a produit.
Mon CSS est-il envoyé quelque part ?
Non, il est traité dans votre navigateur. Cela compte plus qu'il n'y paraît : une feuille de style révèle souvent des noms de classes internes, des fonctionnalités non publiées et la structure d'un site avant son lancement.