Minifieur CSS – Minifier et optimiser du CSS en ligne

Comment utiliser : Minifieur CSS

1Collez votre CSS dans le champ Entrée, ou cliquez sur Exemple.

2Le CSS minifié apparaît automatiquement sur la droite.

3Laissez Conserver les commentaires de licence coché pour garder les commentaires /*! … */ requis par de nombreuses licences.

4Copiez le résultat ou téléchargez-le sous le nom minified.css.

Réduisez la taille de votre CSS

Chaque octet de CSS doit être téléchargé et analysé avant l'affichage d'une page. Une feuille de style plus légère permet donc un affichage plus rapide, de meilleurs Signaux Web Essentiels (Core Web Vitals) et une économie de données mobiles. Ce minificateur CSS supprime les espaces et les commentaires, et applique des optimisations structurelles — fusion des règles en double, raccourcissement des couleurs, suppression des valeurs redondantes — pour réduire au maximum la taille de votre fichier sans altérer l'apparence de la page.

Fonctionnalités

Suppression des espaces et des commentaires.
Raccourcissement des valeurs : couleurs, zéros, unités et graisses de police.
Optimisation structurelle : fusionne les sélecteurs en double et supprime les déclarations écrasées.
Commentaires de licence (/*! … */) conservés sur demande.
Comparaison de taille en octets et en pourcentage.
Privé : s'exécute entièrement dans votre navigateur.

Avant et après

.card .title {
  font-weight: bold;
  color: #333333;
}
.card .title {
  font-size: 1.25em;
}

devient

.card .title{font-weight:700;color:#333;font-size:1.25em}

Quand minifier ?

Minifiez le CSS lors de la préparation pour la production (build), et gardez la source lisible dans votre gestionnaire de versions. La plupart des frameworks et bundlers le font automatiquement ; cet outil est idéal pour les corrections rapides, les thèmes de CMS, les templates d'e-mails, les widgets intégrés et les projets sans étape de compilation.

Outils associés

Minifiez vos scripts avec le Minificateur JavaScript, créez des styles visuellement avec le Générateur de Box Shadow et le Générateur de dégradés CSS, ou formatez du JSON avec le Formateur JSON.

Questions fréquentes

À quoi sert un minifieur CSS ?

Il supprime tout ce dont les navigateurs n'ont pas besoin — espaces, sauts de ligne et commentaires — et réécrit les valeurs sous leur forme la plus courte, comme #ffffff → #fff et 0px → 0. Ce minifieur (CSSO) fusionne également les sélecteurs et déclarations en double et supprime les propriétés écrasées.

Le CSS minifié est-il sûr à utiliser ?

Oui. Les optimisations structurelles sont conçues pour conserver le même résultat visuel. Comme pour toute étape de build, testez vos pages après le déploiement, surtout si vous utilisez des hacks inhabituels ou du CSS invalide.

De combien mon CSS sera-t-il réduit ?

Généralement de 15 à 40 % avant compression. Les feuilles de style écrites à la main et bien commentées sont celles qui se réduisent le plus. La compression gzip ou Brotli de votre serveur réduit encore davantage la taille de transfert.

Pourquoi conserver les commentaires de licence ?

De nombreuses licences open source exigent que la mention de copyright reste avec le code. Les commentaires commençant par /*! sont la convention pour indiquer aux minifieurs les commentaires à conserver.

Mon code est-il envoyé sur un serveur ?

Non. La minification s'exécute dans votre navigateur ; votre code ne quitte jamais votre appareil.