Minifier du CSS

Allégez vos feuilles de style en retirant les commentaires, les retours à la ligne et les espaces. Les sélecteurs et valeurs qui ont besoin de leurs espaces, comme les sélecteurs descendants et calc(), restent corrects.

Gratuit et privé. Tout se passe dans votre navigateur, rien n'est envoyé.

Comment ça marche

  1. Collez votre CSSCollez le code, tapez-le ou ouvrez un fichier. Cliquez sur Exemple pour voir un cas concret.
  2. Vérifiez le résultatLe résultat s'affiche à droite pendant que vous tapez. Les erreurs sont indiquées avec la ligne et la colonne.
  3. Copiez ou téléchargezCopiez le CSS en un clic ou téléchargez-le sous forme de fichier.

Une minification sans risque

Certains espaces ont un sens en CSS : .menu a n'est pas la même chose que .menua, et calc(1px + 2px) ne marche plus sans ses espaces. Le minificateur sait où les espaces comptent et ne retire que les autres.

Les commentaires de licence qui commencent par /*! sont conservés, comme l'exigent de nombreuses licences.

Le résultat indique combien d'octets ont été gagnés : vous voyez tout de suite si la minification d'un fichier en vaut la peine.

À propos du format CSS

Le CSS définit l'apparence des pages. Le CSS formaté place chaque règle et chaque propriété sur sa propre ligne ; le CSS minifié retire tout ce dont le navigateur n'a pas besoin, en gardant intactes des valeurs comme calc(1px + 2px).

Questions fréquentes

Raccourcit-il les couleurs ou les nombres ?

Non. Les valeurs sont gardées exactement telles qu'elles sont écrites, ce qui évite les mauvaises surprises comme la suppression d'unités obligatoires dans certaines propriétés.

Mon code est-il envoyé quelque part ?

Non. Le formatage et la minification se font dans votre navigateur. Votre code n'est pas envoyé sur nos serveurs.

La minification renomme-t-elle mes variables ?

Non. La minification retire uniquement les commentaires, les retours à la ligne et les espaces. Les noms restent lisibles et le code se comporte exactement de la même façon, ce qui la rend sûre pour n'importe quel fichier.

Pourquoi certains retours à la ligne restent-ils dans le JavaScript minifié ?

JavaScript considère certains retours à la ligne comme la fin d'une instruction. Quand en retirer un pourrait changer ce que fait le code, il est conservé.

Puis-je formater du JSON ici ?

Le JSON a son propre outil, avec une vue en arbre et une validation. Utilisez la page Outils JSON indiquée plus bas.

Est-ce que ça marche hors ligne ?

Oui. Une fois la page ouverte, elle continue de fonctionner sans connexion Internet.