Skip to main content
Tool Factory

Outil dans le navigateur

Minificateur CSS

Compressez du code Cascading Style Sheets, ou CSS, en supprimant les espaces inutiles.

Espace de travail

Entrée requise

Votre entrée reste dans ce navigateur.

Ajoutez l’entrée requise pour continuer.

Entrée

Ajoutez votre source et choisissez les options requises.

Options

Les résultats se mettent à jour automatiquement.

Votre résultat apparaît ici

Complétez l’entrée requise pour continuer.

Réponse directe

Fonction de Minificateur CSS

Le Minificateur CSS compresse du code Cascading Style Sheets. Vous pouvez conserver les commentaires selon `Preserve comments`.

Résultat

Ce que vous recevez

L'outil renvoie le code CSS minifié sous forme de texte.

Utiliser cet outil

Comment utiliser Minificateur CSS

  1. Collez du code CSS valide ou partiellement valide.
  2. Activez `Preserve comments` si les commentaires doivent rester.
  3. Comparez le comportement de la sortie avec la feuille originale.

Exemple

Tester avec un exemple sûr

Entrée: body { color: red; margin: 0; }

Paramètres: Preserve comments: désactivé.

Résultat: body{color:red;margin:0}

La minification réduit le texte, mais ne teste pas le rendu dans un navigateur.

Usages courants

Usages de Minificateur CSS

  • Préparez une feuille CSS pour un transfert compact.
  • Comparez la taille avant et après minification.
  • Conservez les commentaires lorsque la licence ou la documentation l'exige.

Limites

Vérifier le résultat

  • La minification ne corrige pas les erreurs CSS.
  • Supprimer les commentaires peut retirer des informations de licence.
  • Vous devez tester la feuille dans ses navigateurs cibles.