Comment minifier du CSS en ligne sans rien installer ?

Collez votre CSS dans CSS d'entrée, ou déposez un fichier .css, puis cliquez sur Minifier le CSS. Les commentaires et les espaces superflus sont supprimés, et vous pouvez Copier le résultat ou le Télécharger sous le nom styles.min.css.

Le minifieur CSS conserve-t-il les commentaires de licence et les URI de données ?

Oui. Les commentaires ordinaires sont supprimés, mais les commentaires /*! license */ sont conservés. Les chaînes entre guillemets, les valeurs url() et les URI de données sont analysées séparément, donc les règles d'espacement ne les modifient pas.

Comment retransformer du CSS minifié en code lisible ?

Cliquez sur Embellir le CSS au lieu de Minifier le CSS. Le code est réindenté avec deux espaces par niveau, et les deux-points de sélecteur comme a:hover sont distingués de ceux des propriétés. Télécharger l'enregistre sous le nom styles.css.

Que signifie le nombre gzip à côté de la réduction ?

C'est une estimation de la taille de la sortie après compression gzip, mesurée avec l'API CompressionStream du navigateur. Si votre navigateur ne dispose pas de cette API, la taille gzip n'est pas affichée.

Mon CSS est-il envoyé à un serveur quand je le minifie ?

Non. La minification est réalisée par un tokenizer JavaScript exécuté dans votre navigateur, sans bibliothèque externe. Rien n'est téléversé, vous pouvez donc l'utiliser pour des feuilles de style privées.

Est-ce vraiment gratuit ?

Oui. Tous les outils sont gratuits, sans compte et sans carte bancaire. Le traitement se fait sur votre appareil plutôt que sur nos serveurs, et c'est ce qui permet de garder le service gratuit.

Fonctionne-t-il sur mobile ?

Oui. Il fonctionne dans les navigateurs mobiles récents sur iOS et Android, sans rien à installer.

🗜️

Minifieur et embellisseur CSS — outil gratuit

Minifiez le CSS pour réduire la taille du fichier ou embellissez le CSS minifié pour la lisibilité. Instantané, dans votre navigateur.

S'exécute dans votre navigateurSans inscription ni pop-upsAucune connexion requiseGratuit pour toujours

Fonctionne hors ligne une fois chargé

ou déposez un fichier .css ci-dessous

Déposez un fichier .css ici, ou cliquez pour parcourir

CSS · traité sur votre appareil

ou appuyez sur Ctrl+V pour coller depuis le presse-papiers

Parcourir les fichiers

CSS d'entrée

CSS de sortie

La sortie apparaîtra ici…

Utilisations courantes

Minifier CSS pour le déploiement en productionRéduisez la taille du fichier CSS avant le déploiement en production — chargements de page plus rapides et coûts de bande passante réduits.
Embellir CSS minifié pour le débogageFormatez CSS comprimé ou minifié en code lisible afin que vous puissiez inspecter et déboguer les styles.
Minifier CSS pour les modèles d'e-mailCompactez CSS pour les modèles d'e-mail HTML où la taille du fichier et le gonflement des styles en ligne comptent.
Minifier CSS pour les thèmes WordPressRéduisez la taille des feuilles de style de thème WordPress personnalisées pour de meilleurs scores PageSpeed.
Embellir CSS pour l'examen du codeFormatez n'importe quel fichier CSS en code propre, indenté et lisible prêt pour l'examen et la collaboration.

Comment ça marche

Cet outil utilise un tokeniseur CSS écrit à la main, sans dépendance, entièrement en JavaScript — sans bibliothèque externe, sans appel serveur. Le tokeniseur classe chaque caractère comme code, commentaire, chaîne entre guillemets, ou valeur url() avant d'appliquer toute transformation, ce qui empêche les règles d'espacement de corrompre le contenu des chaînes, les URI de données, ou les expressions calc().

1
Passe de tokenisation
Le CSS d'entrée est analysé caractère par caractère et découpé en jetons typés : segments de code brut, commentaires /* ... */, chaînes entre guillemets (préservant les séquences d'échappement), et blocs url(...). Cela garantit que les transformations de l'étape suivante ne touchent que la syntaxe CSS réelle — jamais le contenu d'un littéral de chaîne ou d'une URI de données.
2
Minification ou embellissement
En mode minifier, les commentaires ordinaires sont supprimés (les commentaires /*! license */ sont conservés), les suites d'espaces dans les jetons de code sont réduites à un seul espace, et les espaces adjacents à la ponctuation autour de { } : ; , > ~ sont retirés. Les espaces autour de + et - sont intentionnellement laissés tels quels pour ne pas casser les expressions calc(). En mode embellir, le code est d'abord minifié vers une base propre, puis retokenisé et réindenté avec un suivi de profondeur à deux espaces et une détection des deux-points de déclaration pour distinguer les deux-points property: value des deux-points de sélecteur comme a:hover.
3
Estimation de la taille gzip
Après avoir produit le résultat, l'API native CompressionStream du navigateur est utilisée pour compresser le résultat en gzip et mesurer le nombre d'octets obtenu. Cela donne une estimation réaliste de la taille de transfert correspondant à ce qu'un serveur web avec compression gzip enverrait sur le réseau.
4
Copier ou télécharger
Le CSS traité est écrit dans le presse-papiers via l'API Clipboard, ou téléchargé en styles.min.css (mode minifier) ou styles.css (mode embellir) avec un Blob de type MIME text/css. Le pourcentage de réduction de taille s'affiche en direct pendant que vous tapez.

Outils associés

✨

Optimiseur et minifieur SVG

Supprimez les métadonnées, réduisez les espaces et arrondissez les décimales pour réduire considérablement la taille des fichiers SVG — réductions typiques de 30 à 70 %. L'aperçu visuel garantit que rien n'est altéré.

EssayerFichiers locaux

🎨

Embellisseur CSS

Mettez en forme du CSS minifié avec une indentation cohérente, ou minifiez-le. Tri alphabétique des propriétés en option pour des diffs prévisibles.

Essayer

📋

Formateur JSON

Formatez, validez, minifiez et explorez des données JSON. Vue arborescente, coloration syntaxique et copie en un clic.