Minifiez et compressez les feuilles de style CSS instantanément dans votre navigateur. Supprimez les commentaires, réduisez les espaces et diminuez la taille du fichier. Gratuit et privé.
Compatible avec les fichiers .css. Ou collez votre CSS ci-dessus.
La minification CSS supprime les espaces, les commentaires et les caractères inutiles d'une feuille de style pour réduire sa taille avant de la diffuser aux navigateurs. Les règles réelles sont inchangées : une feuille de style minifiée restitue les pages de manière identique à la source non minifiée. Les économies proviennent de la suppression des nouvelles lignes, des points-virgules redondants, des commentaires, des possibilités de raccourcis en couleur hexadécimale et des raccourcis sans unité (en remplaçant 0px par 0).
Sur les sites Web modernes comportant des dizaines de règles de style, la réduction typique est de 20 à 40 % par rapport à la source non minifiée. En combinaison avec la compression gzip sur le serveur, les économies marginales diminuent (gzip compresse déjà efficacement le texte répété), mais la combinaison surpasse toujours la compression seule, en particulier lorsque les feuilles de style sont mises en cache et servies plusieurs fois à de nombreux visiteurs.
Ce minificateur traite le CSS en un seul passage, supprimant les commentaires en dehors des valeurs url(), réduisant les espaces, supprimant les points-virgules redondants avant de fermer les accolades, appliquant un raccourci de zéro unité et convertissant les couleurs hexadécimales à six chiffres en forme à trois chiffres lorsque cela est possible (#ffffff → #fff). La sortie reste un CSS valide que tout navigateur analyse correctement.
Les fichiers CSS plus petits se chargent plus rapidement et le temps de blocage du rendu diminue, ce qui améliore tous deux les scores de First Contentful Paint et de Largest Contentful Paint. Pour les sites sur lesquels Core Web Vitals affecte le classement des recherches, chaque kilo-octet de CSS bloquant le rendu rasé en vaut la peine.
Les coûts de bande passante sont également importants à grande échelle. Les sites qui proposent des millions de pages vues économisent des quantités mesurables de sorties lorsque leurs feuilles de style sont 30 % plus petites. Les factures CDN, l’utilisation des données mobiles et la consommation d’énergie en bénéficient toutes légèrement. La minification est essentiellement gratuite : une étape de construction unique sans frais de maintenance.
Collez CSS, obtenez la version minifiée.
La minification CSS consiste principalement à supprimer les espaces de manière conservatrice. Les espaces à l'intérieur des sélecteurs, des déclarations et des valeurs sont conservés lorsqu'ils sont importants ; les espaces à l'extérieur sont réduits. Les commentaires sont supprimés sauf s'ils commencent par /* ! (commentaires sur la préservation des licences).
Raccourcis courants : 0px, 0em et les valeurs zéro unité similaires deviennent 0 ; Les couleurs hexadécimales à six chiffres avec des chiffres appariés (#ffffff, #336699) deviennent trois chiffres (#fff, #369) ; le dernier point-virgule avant } est supprimé. Les noms de couleurs ne sont pas automatiquement convertis en hexadécimal car l'hexadécimal est parfois plus long (le rouge est plus court que #f00 en longueur ; #ff0000 est plus long que le rouge).
La sortie doit transmettre tout validateur CSS qui accepte l'entrée. La prise en charge du navigateur est inchangée : la minification ne modifie pas les règles elles-mêmes, uniquement leur représentation textuelle.