Minifieur CSS

Compressez CSS dans des feuilles de style compactes sans réorganiser les règles.

Entrée
Sortie
0 caractères 0 lignes

Réduire CSS tout en préservant la cascade

Minifieur CSS supprime les espaces, les commentaires et le formatage évitables afin que les feuilles de style prennent moins de place. Il est utile pour les extraits rapides, les styles intégrés, les exemples et les ressources statiques qui ne nécessitent pas un pipeline de construction complet.

La minification CSS doit préserver l'ordre des sélecteurs, l'ordre de déclaration, la spécificité, les couches en cascade, les propriétés personnalisées et la structure des règles at. La réorganisation ou la fusion des règles peuvent modifier les styles calculés, c'est pourquoi cet outil se concentre sur un texte compact plutôt que sur une optimisation risquée.

Comment utiliser

  1. Collez votre code CSS dans l'éditeur de saisie.
  2. Cliquez sur Minifier CSS pour supprimer le formatage et les commentaires évitables.
  3. Examinez le résultat pour confirmer que l’ordre des règles, les règles at et les propriétés personnalisées sont préservées.
  4. Utilisez Copier pour le presse-papiers, Télécharger pour un fichier ou Effacer pour réinitialiser.

Qu'est-ce que le miniificateur CSS ?

Minifieur CSS est un utilitaire basé sur un navigateur permettant de transformer CSS lisible en une feuille de style plus petite. Il conserve les mêmes règles et déclarations tout en supprimant les caractères de formatage dont les navigateurs n'ont pas besoin.

Certains commentaires sont significatifs, comme les bannières de licence ou les annotations de l'outil de construction. Conservez un fichier source lisible et vérifiez visuellement CSS minifié dans les pages qui l'utilisent.

Notes d'entrée

Collez uniquement CSS. Si votre projet nécessite un préfixe automatique, des mappages de sources, une suppression de CSS inutilisée ou une fusion avancée, exécutez la sortie via votre processus normal de construction et de test de navigateur.

Exemple

Une courte feuille de style est compactée en supprimant le commentaire et en formatant les espaces :

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}

Intégration MCP

MCP (Model Context Protocol) permet aux agents IA et aux applications de découvrir et d'exécuter les utilitaires Coding.Tools pour des workflows répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: css-minifier

Point de terminaison MCP: https://coding.tools/mcp

Appelez d'abord tools/list. Chaque outil inclut inputSchema, outputSchema et examples afin qu'un agent IA ou un client puisse construire des arguments valides sans deviner.

Pour tools/call, lisez result.content[0].text pour la valeur affichable et result.structuredContent pour l'analyse par programme. Les échecs d'outil renvoient isError: true ; les échecs de protocole renvoient une JSON-RPC error.

Exemple de requête tools/call :

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n  color: white;\n  background: #3366cc;\n  padding: 8px 12px;\n}"}}}'

La plupart des outils de texte et de données acceptent une chaîne input et des options facultatives. Les outils d'image qui dépendent des API d'image du navigateur sont listés pour la découverte et renvoient un lien vers l'interface Web si nécessaire.