Minificateur CSS
Compressez et nettoyez votre code CSS en supprimant les commentaires et les espaces superflus.
Exécuter l’outil
Cet outil en ligne compacte votre code CSS afin d'en réduire le volume textuel. Lorsque vous collez une feuille de style, le traitement supprime automatiquement l'ensemble des commentaires de bloc ainsi que les espaces superflus autour des accolades, des deux-points, des points-virgules et des virgules. Les espaces consécutifs restants sont réduits à une seule espace, tandis que les blancs en début et en fin de document sont nettoyés. De plus, le dernier point-virgule situé juste avant une accolade fermante est retiré. Si la zone de texte reste vide ou ne contient que des blancs, l'affichage renvoie un contenu vierge et des tailles nulles. Pour tout texte renseigné, l'interface calcule et présente la longueur initiale en caractères, la longueur finale obtenue, la différence nette et le pourcentage d'économie calculé avec une décimale. Vous obtenez ainsi une version condensée prête à être copiée pour vos projets web.
Mode d’emploi
- Collez votre code CSS dans la zone de texte.
- Lancez le traitement pour générer la version compactée.
- Consultez les statistiques de réduction et copiez le résultat.
Exemples
- Pour le texte /* Entête */ .header { color: #333; margin: 0px; }, le résultat génère .header{color:#333;margin:0px} en retirant le commentaire, les espaces et le dernier point-virgule.
- Pour une règle comme body { background-color : #fff ; }, l'outil renvoie body{background-color:#fff}.
FAQ
Comment sont traités les commentaires dans le code CSS ?
Tous les commentaires de bloc délimités par /* et */ sont intégralement retirés lors de la minification.
Que se passe-t-il si le champ de saisie est laissé vide ?
Si l'entrée est vide ou ne comporte que des espaces, le résultat renvoie un texte vide et affiche zéro pour les tailles et économies.
Le point-virgule avant l'accolade fermante est-il conservé ?
Non, le point-virgule placé immédiatement avant une accolade fermante est supprimé pour alléger la feuille de style.
Quelles informations chiffrées sont fournies après la réduction ?
L'interface affiche le nombre initial de caractères, la taille après traitement, le nombre de caractères économisés et le pourcentage de réduction avec une décimale.