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.