Mes outils

CSS MINIFIER / CSSO

Minificateur CSS

Coller CSS pour minifier avec CSSO: les commentaires et l'espace blanc supprimés, les couleurs raccourcies, les règles dupliquées fusionnées, avec l'enregistrement affiché.

Exécute localement · code n'est pas téléversé
Options

ÉTAPE PROCHAINE

Connectez des outils utiles au flux de travail de votre entreprise

Créer un compte d'entreprise pour configurer la surveillance du site Web, les courriels d'affaires et les notifications, et inviter votre équipe à travailler ensemble.

Les nouvelles entreprises reçoivent un essai Pro de 7 jours, sans carte requise. Les essais excluent la subvention de crédit mensuelle payée.

Vous avez déjà un compte ? Ouvrir votre espace de travail →

Comment l'utiliser

  1. Coller le code, déposer un fichier ou charger l'échantillon; la langue est prédéfinie pour cette page et peut être modifiée.
  2. Choisissez le format ou minifiez et ajustez le tiret, la largeur et d'autres options ; le résultat apparaît à droite lorsque vous tapez.
  3. Copiez ou téléchargez le résultat; sur une erreur, utilisez "Aller à l'erreur", corrigez-le et exécutez à nouveau.

Ce que la minification fait

La minification change la façon dont le code est écrit, pas ce qu'il fait. Il coupe généralement de 30 à 70 % de la taille et accélère les pages; gardez votre source, parce que le code minifié est difficile à lire.

Trois minificateurs
FonctionnementJavaScript (Terser)CSS (CSSO)HTML / XML / JSON
Supprimer les commentaires✓✓✓
Supprimer l'espace blanc et les ruptures de ligne✓✓✓
Raccourcir les noms de variables✓——
Règles de fusion, couleurs raccourcies—✓—
Déposer le code mort, les constantes de plis✓——
Conservez /*! commentaires de licenceFacultatifFacultatifFacultatif

Langues et moteurs

Formatage utilise les mêmes moteurs open-source que les éditeurs populaires, de sorte que les résultats correspondent à Prettier dans VS Code et votre équipe peut garder un style. Chaque moteur charge à partir de ce site et fonctionne dans votre navigateur.

Langue
LangueFormatCompresseur
HTMLJuste 3✓ commentaires et espace blanc
XMLMoteur XunL XML✓
CSS / SCSS / MoinsJuste 3✓ Restructuration de la CSSO
JavaScript / TypeScriptHôtel 3 (Babel)✓ Terser (JavaScript seulement)
JSONJuste 3✓ les grands nombres gardent la précision
YAMLJuste 3— (observations tenues)
SQLsql-formater (14 dialectes)—

Foire aux questions

Est-ce que les "règles dupliquées de fusion" sont sûres?

CSSO fusionne les règles seulement lorsque le résultat de cascade reste le même. Si une page s'appuie sur l'ordre des règles et semble fausse, éteignez-la pour la minification de base seulement.

Mon code est-il téléversé ?

C'est pas vrai. Les moteurs télécharger à partir de ce site et fonctionner dans votre navigateur; votre code ne passe jamais à travers nos serveurs ou n'importe quel tiers, il est donc sûr pour le code interne et la configuration.

Quelle taille les fichiers peuvent-ils être ?

Jusqu'à 5 Mo par fichier; au-dessus de 300 Ko la page attend le bouton au lieu de formater que vous tapez, pour garder le navigateur réactif.

Guide pratique du minificateur CSS et questions communes

Que fait un minificateur CSS?

CSSO 5 supprime les commentaires et l'espace blanc, raccourcit #ff0000 à rouge et 0px à 0, et fusionne les règles pour le même sélecteur où le résultat de cascade est inchangé.

C'est pour qui, et quand est-ce utile ?

Les constructeurs de site, les fabricants de pages d'atterrissage et toute personne accélérant un site qui veut une feuille de style plus petite avant la sortie.

Comment utiliser ce minificateur CSS ?

Coller CSS pour minifier avec CSSO: les commentaires et l'espace blanc supprimés, les couleurs raccourcies, les règles dupliquées fusionnées, avec l'enregistrement affiché.

Comment interpréter les résultats?

La règle fusionne l'ordre; éteignez-le si une page s'appuyant sur l'ordre de préséance semble fausse. /*! commentaires de licence peuvent être conservés.

Où le travail est-il effectué et quels services reçoivent les données?

CSSO réduit les feuilles de style dans votre navigateur; rien n'est téléversé.