🗜️ Minificateur CSS
Collez votre CSS et minifiez-le instantanément — les commentaires sont supprimés, les espaces réduits, et les chaînes ainsi que les valeurs url() sont conservées intactes. Voyez exactement combien d'octets vous économisez.
Confidentiel par conception. Cet outil fonctionne entièrement dans votre navigateur — rien de ce que vous saisissez n'est téléversé ni stocké, et il marche hors ligne.
À propos
Ce minificateur CSS s'exécute entièrement dans votre navigateur grâce à une approche par tokenisation qui gère correctement les cas limites. Il supprime les commentaires sur une ligne (//) et sur plusieurs lignes (/* */), réduit les séquences d'espaces à un seul espace ou les supprime autour des signes de ponctuation tels que { } : ; , et >, et préserve le contenu des chaînes entre guillemets et des valeurs url() afin que les espaces dans les data URI ou les noms de polices ne soient jamais corrompus. Comme il s'agit d'un tokeniseur de base plutôt qu'un analyseur AST complet, il est rapide et sans dépendances, adapté à la grande majorité des CSS écrits à la main ou générés par un préprocesseur. L'outil affiche la taille originale, la taille minifiée et les octets économisés afin de vous aider à décider si une optimisation supplémentaire est nécessaire.
Comment l'utiliser
- Collez votre CSS dans la zone de saisie à gauche.
- Cliquez sur Minify — l'outil tokenise votre CSS et affiche une version compressée à droite.
- Consultez le résumé des tailles pour voir la taille originale, la taille minifiée et le nombre d'octets économisés.
- Cliquez sur Copier pour copier le CSS minifié dans votre presse-papiers, ou utilisez Télécharger pour l'enregistrer en tant que fichier .css.
FAQ
- Cet outil traite-t-il mon CSS sur un serveur ?
- Non. La minification s'exécute entièrement dans votre navigateur avec JavaScript. Votre CSS n'est jamais envoyé nulle part.
- La minification va-t-elle casser mon CSS ?
- Le tokeniseur protège les chaînes entre guillemets et les valeurs url(), donc un CSS valide devrait rester intact. Cependant, ce n'est pas un analyseur AST complet — des cas limites inhabituels avec une syntaxe non standard peuvent ne pas être gérés parfaitement.
- Les commentaires // sur une ligne sont-ils supprimés ?
- Oui. Les commentaires sur une ligne (//) et sur plusieurs lignes (/* */) sont tous les deux supprimés. Notez que // ne fait pas officiellement partie de la spécification CSS, mais est courant dans les fichiers sources de préprocesseurs.
- De combien mon CSS va-t-il réduire ?
- Un CSS écrit à la main se réduit typiquement de 20 à 40 %. Les fichiers comportant de nombreux commentaires ou de larges espaces économisent davantage. Pour une compression maximale, associez ceci à gzip ou Brotli sur votre serveur.
- Puis-je minifier du CSS avec des variables ou des expressions calc() ?
- Oui. Les propriétés personnalisées (--var), var(), calc() et autres fonctions CSS modernes sont traitées comme des valeurs de token classiques et passent en toute sécurité.
- Cet outil téléverse-t-il mes données ?
- Non. Tout s'exécute dans votre navigateur, vos données ne quittent jamais votre appareil — et une fois la page chargée, cela marche même hors ligne.