Minificateur CSS
Retire commentaires et espaces superflus d'une feuille de style, sans risque.
Résultats
Minifié
body{color:#17191f;margin:0}a:hover{color:#d1490b}
Taille avant
84
B
Taille après
50
B
Octets économisés
34
B
Part économisée
40,48
%
Ce que fait cet outil
Une feuille écrite pour des humains contient beaucoup d'inutile pour le navigateur. Les retirer réduit souvent le fichier d'un quart à un tiers.
Formule
retire les commentaires et les espaces inutiles, sans toucher à ce qui est entre guillemets
Variables
| Symbole | Signification | Unité |
|---|---|---|
text | CSS | — |
OUT | Minifié | — |
SB | Taille avant | B |
SA | Taille après | B |
SV | Octets économisés | B |
SP | Part économisée | % |
Exemple résolu
- CSS/* cores */ body { color : #17191f ; margin : 0 ; } a:hover { color : #d1490b }
- Minifiébody{color:#17191f;margin:0}a:hover{color:#d1490b}
- Taille avant84 B
- Taille après50 B
- Octets économisés34 B
- Part économisée40,48 %
Limites
- Le calcul s'effectue entièrement dans votre navigateur. Les valeurs saisies ne sont jamais envoyées à un serveur.
Questions fréquentes
Touche-t-il au contenu des chaînes ?
Non. Le minificateur lit caractère par caractère et sait quand il est entre guillemets : une règle content avec espaces ou point-virgule passe intacte.