Aller au contenu
OneKitly
S'inscrire · Se connecter

Minificateur CSS

Réduis du CSS en supprimant les commentaires et les espaces inutiles.

Outils similaires

Tous les outils : JSON, XML & formats →
Minifieur / embellisseur JavaScriptMinifie ou embellis du JavaScript dans ton navigateur, avec un tokenizer qui respecte chaînes, regex et commentaires.Embellisseur CSSReformate du CSS minifié ou désordonné en règles propres et bien indentées — ou reminifie-le.Générateur d'ombre CSS (box-shadow)Règle une ombre CSS avec aperçu en direct et copie le code généré — décalage, flou, étendue, couleur, inset.Compresseur CSSMinifie le CSS en retirant commentaires et espaces pour réduire la taille de ta feuille de style.Terrain de jeu CSS FlexboxExpérimente flex-direction, wrap, justify-content, align-items et gap — aperçu en direct et CSS à copier.Générateur de CSS GridConstruis une mise en page CSS Grid visuellement — colonnes, lignes, espaces et alignement — avec aperçu en direct et CSS à copier.Convertisseur CSV vers JSONAnalyse du texte CSV (avec ligne d'en-tête) en un tableau JSON d'objets, en gérant les champs entre guillemets. Dépose un fichier plutôt que de le coller : il est lu dans ton navigateur et n'est jamais envoyé.CSV vers tableau MarkdownTransforme un CSV en tableau Markdown, guillemets compris : un champ peut contenir le délimiteur, un saut de ligne ou une barre verticale sans casser le tableau. Virgule, point-virgule (Excel français), tabulation ou barre — détecté ou imposé.

Ouvre Minificateur CSS et tu obtiens une réponse immédiatement, sans compte à créer. Sa place est sous JSON, XML & formats ; Minifieur / embellisseur JavaScript et Embellisseur CSS répondent aux questions les plus proches.

Comment l'utiliser

  1. Ouvre l'outil — sans inscription ni installation.
  2. Saisis tes données ou ajuste les options disponibles.
  3. Obtiens ton résultat instantanément, puis copie-le ou télécharge-le.

Questions fréquentes

À quoi sert Minificateur CSS ?

Réduis du CSS en supprimant les commentaires et les espaces inutiles.

Dans quels cas s'en sert-on concrètement ?

Rendre lisible un bloc généré par une machine, localiser le caractère où l'analyse échoue, et alléger un fichier avant sa mise en production.

Quelle est l'erreur la plus fréquente ?

Confondre valide et correct. Un document peut s'analyser sans erreur et n'avoir pas la bonne structure pour ce qui va le lire : la validation contrôle la syntaxe, pas le schéma.

En quoi Minificateur CSS diffère-t-il de Minifieur / embellisseur JavaScript ?

Ils se ressemblent mais répondent à des questions différentes : Minifieur / embellisseur JavaScript est celui à ouvrir lorsqu'il s'agit de minifie ou embellis du JavaScript dans ton navigateur, avec un tokenizer qui respecte chaînes, regex et commentaires. Choisis celui qui correspond à ton point de départ — les deux sont gratuits.

Existe-t-il un outil pour l'étape suivante ?

Embellisseur CSS est le plus proche après celui-ci : Reformate du CSS minifié ou désordonné en règles propres et bien indentées — ou reminifie-le.

D'où viennent les données ?

L'analyse et la sérialisation suivent la spécification de chaque format. L'ordre des clés et les espaces n'ont pas de sens sémantique en JSON ni en YAML : un document reformaté reste équivalent même si les octets diffèrent.

Pour aller plus loin

Tous les guides →
GuideEmbellir ou minifier : à quoi sert chacun, et ce que ça change au poidsQuatre vraies feuilles de style passées au minifieur, mesurées brutes puis après gzip. Retirer toutes les espaces a fait gagner 48, 103, 104 et 147 octets compressés ; retirer les commentaires, 57, 1 358, 2 420 et 1 042. Et les cinq entrées que ce minifieur casse.GuideTransposer un tableau dont les lignes auraient dû être des colonnesCe qu'il advient de la ligne d'en-tête, des lignes de longueurs inégales, des types — et la seule chose pour laquelle on confond régulièrement la transposition et qu'elle ne sait pas faire.GuideCe qu'un minifieur peut retirer, et ce qu'il ne doit pas toucherLa minification doit préserver le sens, et l'intéressant, ce sont les espaces qui portent du sens : le combinateur de descendance, les espaces dans calc(), l'écart entre deux éléments en ligne. Mesuré ici sur de vrais fichiers, y compris ce que brotli te faisait déjà gagner.TutorielConstruire un tableau Markdown de zéro, sans compter les tirets à la mainLa plus petite chose qui soit encore un tableau tient en deux lignes : une ligne d'en-tête et une ligne de séparation. Voici pourquoi la seconde est obligatoire en GitHub Flavored Markdown, où les tableaux à barres n'existent pas du tout, et ce qu'un générateur fait que la saisie manuelle ne peut pas faire.GuideColler un tableau dans une pull request : ce qui casse, et les deux caractères qui cassent toutUn tableau Markdown n'interdit que deux caractères dans une cellule : la barre verticale et le saut de ligne. Voici ce que fait chacun, comment un convertisseur les traite, pourquoi l'échappement doit être appliqué dans le bon ordre, et pourquoi l'alignement du source ne compte jamais.ExplicationCSV vers JSON : les cinq cas qui cassent tous les convertisseursDélimiteurs entre guillemets, sauts de ligne intégrés, types ambigus, en-têtes en double et encodage. Chaque cas a été passé dans le convertisseur et la sortie exacte est reproduite ici — y compris les deux qu'il ne rattrape pas.