Aller au contenu
ToolMug

Utilisez ↑ ↓ pour naviguer, Entrée pour ouvrir, Échap pour fermer.

Minifier CSS

Minifiez et compressez vos feuilles de style pour la production. CSSO supprime les espaces et les commentaires, raccourcit les couleurs et les valeurs, et fusionne les règles qui répètent le même sélecteur — un gain souvent supérieur à la seule suppression des espaces.

Fonctionne dans votre navigateur — rien de ce que vous saisissez n’est envoyé

Mode d’emploi

  1. Collez votre CSS.
  2. Choisissez s’il faut restructurer les règles et conserver les commentaires de licence.
  3. Cliquez sur Minifier, ou appuyez sur Ctrl+Entrée (⌘+Entrée sur Mac).
  4. Copiez ou téléchargez le CSS minifié.

Explication des options

Fusionner et restructurer les règles
Regroupe les règles ayant le même sélecteur ou les mêmes déclarations lorsque c’est sans risque. Désactivez l’option pour seulement supprimer les espaces et raccourcir les valeurs.
Conserver les commentaires de licence
Conserve les commentaires qui commencent par /*!, la convention pour les mentions de licence.

Exemples

a { color: #ff0000; }
/* note */
a { margin: 0px; }

devient a{color:red;margin:0} une fois minifié.

Questions fréquentes

Qu’est-ce qui est raccourci ?

Les couleurs (#ff0000 → red, #ffffff → #fff), les unités des zéros (0px → 0), les points-virgules et guillemets superflus, et les espaces. Avec la restructuration activée, les règles en double sont fusionnées.

La restructuration peut-elle changer l’apparence de ma page ?

CSSO ne déplace des déclarations que si le résultat de la cascade reste identique. Si vous utilisez des hacks inhabituels, comparez le résultat ou désactivez la restructuration.

Mon code est-il envoyé sur un serveur ?

Non. La minification se fait dans votre navigateur.

Confidentialité

Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.

Outils similaires