Mode d'emploi
- Collez votre CSS dans l’éditeur d’entrée.
- Laissez « Supprimer les commentaires » cochée pour retirer les commentaires ordinaires ; « Conserver les commentaires /*! */ » garde les mentions de licence.
- Cochez « Raccourcir les valeurs » pour raccourcir les couleurs hexadécimales et les nombres.
- Si votre CSS dépasse 200 Ko, cliquez sur « Minifier le CSS » ou appuyez sur Ctrl+Entrée (Cmd+Entrée sur Mac).
Exemples
Conserver la licence d’une feuille de style
Entrée
/*! MIT — Boutique Les Lilas */
/* Styles du catalogue */
.catalogue {
display: grid;
gap: 16px;
}
.fiche-produit {
padding: 12px;
color: #333333;
}Sortie
/*! MIT — Boutique Les Lilas */
.catalogue{display:grid;gap:16px}.fiche-produit{padding:12px;color:#333333}Raccourcir les valeurs en gardant les points-virgules
Entrée
.bouton-panier {
color: #FFFFFF;
margin: 0px 0.50em;
padding: 10.0px;
opacity: 0.80;
}
.article {
flex: 1 1 0px;
}Sortie
.bouton-panier{color:#fff;margin:0 .5em;padding:10px;opacity:.8;}.article{flex:1 1 0px;}Astuces
- Besoin d'un CSS de nouveau lisible ? Formatez-le.
- Minifiez aussi le HTML.
FAQ
Mon CSS est-il envoyé sur un serveur ?
La minification se fait dans votre navigateur ; le code de l’outil n’envoie aucune requête contenant votre CSS. Les réglages sont enregistrés dans localStorage, pas le CSS saisi. Le site utilise Google Analytics pour des événements d’utilisation, sans y inclure votre CSS.
La minification conserve-t-elle les espaces dans calc() ?
Les espaces nécessaires autour des opérateurs dans calc(), min(), max() et clamp() sont conservés. Le contenu des chaînes et des url() reste inchangé.
Peut-on minifier du SCSS ou du LESS ?
L’outil ne compile ni le SCSS ni le LESS : compilez d’abord votre code en CSS. En cas d’erreur de syntaxe, il indique la ligne et la colonne concernées et laisse le résultat vide.
Quels fichiers CSS peut-on importer ?
Vous pouvez importer des fichiers .css ou .txt. Les fichiers de plus de 10 Mo sont refusés ; scindez-les avant de les minifier.