CSS Minificateur

Comprimez des snippets CSS ou des fichiers .css locaux directement dans votre navigateur. votre feuille de style n'est pas téléchargée, enregistrée ou envoyée à une API.

Cliquez pour sélectionner un fichier CSS ou le télécharger ici

Vous pouvez également ajouter le CSS directement dans l'éditeur ci-dessous.

0 octets

0 octets

Prêt

Les réglages CSSO conservateurs

Le fonctionnement par défaut supprime les commentaires et le blanchiment, mais maintient les optimisations structurelles désactivées pour éviter les récits risqués de feuilles d'étiquette.

Entrée d'extrait de code et de fichier

Passe partiel CSS, full stylesheets, demi queries, custom properties, or load a local .css file.

Mesure sûre

Analyse ne utilise que les buckets de taille et de réduction. source CSS, URL, sélectionneurs, commentaires et noms de fichier rester hors de la télémétrie.

Questions fréquemment posées

Est-ce que mon CSS est téléchargé à Converter ?

Non. Le minifier fonctionne localement avec le navigateur JavaScript. CSS passés et les fichiers sélectionnés ne sont pas envoyés aux serveurs de Converter.

Pourquoi désactiver l’optimisation structurelle par défaut ?

Certaines récits CSS agressives peuvent changer le comportement de cascade.La première version maintient la compression conservative et se concentre sur la minimisation sécurisée.

Que se passe-t-il si le CSS a un erreur de syntaxe ?

L'erreur parser est affichée dans le panneau d'alerte afin que vous puissiez corriger la feuille de style avant de copier la sortie.

Outils de développement connexes

SCSS Compilateur Composer Sass/SCSS snippets en ligne Convertisseur de couleurs CSS Convertir les couleurs CSS Générateur de gradient CSS Créer des gradients CSS locaux Vérificateur de contraste de couleurs WCAG Vérifier le contraste des couleurs accessible HTML Minificateur Compresser les extraits HTML Optimiseur SVG Compresser le code SVG Outils de développement Parcourir les utilitaires du navigateur

CSS Minificateur

Supprimer la formatisation sécurisée et les commentaires de CSS passés pour réduire la taille de transfert.

Entrée
Texte source CSS et les options de minification disponibles.
Sortie
Les informations avant et après la taille.
Les limites réelles
La minification n'est pas la validation sémantique, la préfixation ou l'élimination de code mort; CSS malformé et les hacks inhabituels peuvent nécessiter une révision manuelle.
Confidentialité et traitement des données
Le texte source CSS et les options de minification disponibles sont traitées dans cette rubrique du navigateur. Converter ne reçoit pas ou ne le stockera pas; fermer ou récharger la page clarifie l'état de travail sauf si l'outil offre explicitement un téléchargement local.

Comment utiliser cet outil

  1. Fournir le texte source CSS et les options de minification disponibles dans les contrôles d'outils.
  2. Choisissez les paramètres qui affectent le CSS minié plus les informations de taille avant et après, puis exécuter l'outil.
  3. Vérifier les informations miniées CSS plus avant et après la taille avant de les copier ou de les télécharger.

Modes communs d'échec

Les blocs non fermés, les lignes invalides ou la syntaxe que le parser ne peut pas comprendre sont retournés comme une erreur au lieu d’une sortie modifiée.

Exemple utile

Minifiez une règle de .card formée en supprimant les indentations, les commentaires et les espaces inutiles tout en conservant ses déclarations.