Aller au contenu principal
Tooletto

Minificateur CSS

Un préréglage de Formateur CSS

Compressez une feuille de style vers la sortie valide la plus petite en supprimant commentaires et espaces blancs inutiles. Sûr par conception — aucune règle n'est fusionnée ni aucune valeur réécrite, donc le comportement ne peut pas changer.

  • Les fichiers ne quittent jamais votre appareil
  • Gratuit, sans inscription
  • Aucun filigrane
  • Fonctionne hors ligne une fois chargé
Loading tool…

Comment utiliser Formateur CSS

  1. 1

    Collez votre CSS

    CSS brut, SCSS ou Less, tous correctement analysés.

  2. 2

    Formatez ou minifiez

    Embellissez pour la lisibilité, ou compressez pour la production.

  3. 3

    Copiez ou téléchargez

    Le résultat est prêt à être collé directement dans votre projet.

Pourquoi la minification « sûre » est le bon compromis pour du CSS écrit à la main

Un pipeline de build exécutant un optimiseur CSS dédié peut appliquer des transformations plus agressives en toute sécurité que cet outil, car il exécute le même optimiseur de façon cohérente à chaque build et toute différence de comportement est détectée par les propres tests du projet avant publication. Coller une feuille de style dans un outil en ligne à usage unique est une situation différente : il n'y a pas d'étape de build revérifiant la sortie, donc une transformation qui fusionne des règles ou réordonne des déclarations d'une façon qui casse une page précise serait publiée silencieusement. Restreindre cet outil à la suppression des espaces blancs et commentaires — des changements dont on peut démontrer qu'ils ne modifient pas quelle déclaration l'emporte dans la cascade — signifie que la sortie peut être fiable sans retester la page dont elle provient.

Minifier une feuille de style que vous êtes sur le point de coller quelque part avec une contrainte de taille

Un cas courant pour recourir spécifiquement à cela plutôt qu'à un outil de build est un besoin ponctuel de faire tenir une petite feuille de style dans un champ à taille limitée — un bloc `<style>` en ligne délibérément gardé petit, un fragment CSS intégré dans un modèle d'email, ou une valeur de style collée sur une plateforme avec limite de caractères. Pour un seul fichier nécessaire une fois, exécuter un pipeline de build complet est excessif ; le coller ici et copier le résultat minifié est la voie la plus rapide vers le même résultat.

Questions fréquentes

Combien économise réellement la minification ?

Typiquement 20 % à 30 % avant gzip sur du CSS écrit à la main, et bien moins sur une sortie déjà traitée par un outil de build. Sur le réseau, la couche gzip ou brotli fait de toute façon l'essentiel du travail — minifier aide surtout en supprimant les commentaires et espaces redondants avant cela.

La minification change-t-elle le comportement de mes styles ?

Non. Seuls les espaces blancs et commentaires sont supprimés ; sélecteurs, propriétés et valeurs ne sont pas touchés. Cet outil ne fusionne pas les règles, ne réordonne pas les déclarations, ni ne raccourcit les couleurs, car ces transformations peuvent changer le comportement de façons difficiles à repérer.

Prend-il en charge SCSS et Less ?

Oui, les deux sont analysés avec leurs propres grammaires, donc l'imbrication, les variables et les mixins survivent au formatage. Notez qu'il les formate — il ne les compile pas en CSS.

Pourquoi mon CSS est-il rejeté ?

Généralement une accolade non fermée ou un caractère isolé. Le message d'erreur inclut le numéro de ligne pour que vous puissiez le trouver. Une syntaxe de template mélangée dans la feuille de style échouera aussi, n'étant pas du CSS valide.