Retour à l'accueil

Minificateur CSS

Collez du CSS pour retirer commentaires et espaces inutiles, raccourcir les couleurs HEX et nettoyer les unites zero.

Code Resultat en attente
Signaler un probleme

CodeNavigateur seul

Resume

Un CSS plus petit aide le debut du rendu et le cache. En production, verifiez les mises en page cles.

Controle structure CSS

Structure CSS valide

Taille originale

310 B

Taille minifiee

227 B

Octets gagnes

83 B

Gain

26,8%

Estimation gzip

73 B

Regles

2

Declarations

10

Commentaires retires

1

CSS source

Collez le CSS a reduire. Media queries et variables CSS sont prises en charge.

Resultat minifie

Relisez le CSS, copiez-le ou telechargez .min.css.

. product-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;color:#1f2937}.product-card:hover{border-color:#fc0;transform:translateY(-2px)}

Checklist avant deploiement

  • Conservez les licences si necessaire.
  • Compilez SCSS, Less ou CSS-in-JS avant minification.
  • Verifiez hover, media queries et calc() apres.

Note du minificateur simple

Cet outil sert a reduire vite. Pour CSS complexe, gardez aussi votre pipeline de build.

Comment verifier le CSS minifie

L outil fonctionne dans le navigateur et n envoie pas le code. Les chaines et expressions pratiques sont conservees.

Notes d’utilisation

  • Commentaires ordinaires retires, /*! ... */ peut etre conserve.
  • Espaces autour des accolades, deux-points, points-virgules et virgules reduits.
  • Gain = (taille originale - taille minifiee) / taille originale x 100.

Questions frequentes

Mon CSS est-il envoye ?expand_more

Non. Tout se passe dans le navigateur.

SCSS est-il pris en charge ?expand_more

Cet outil vise CSS. Compilez SCSS ou Less avant.

Les licences restent-elles ?expand_more

Oui avec l option qui conserve les commentaires /*!.

Continuer a explorer

Autres outils a essayer

Retrouvez des outils similaires de la meme categorie et des outils populaires sur Gogotem.

Voir tous les outils arrow_forward