Minificateur et embellisseur CSS
Conçu pour la confidentialité — fonctionne entièrement dans votre navigateur
Minifiez ou embellissez du CSS dans votre navigateur. Toova supprime les espaces et les commentaires pour réduire vos feuilles de style en production, ou formate un CSS minifié en quelque chose de lisible lors du débogage.
Deux modes, un seul flux de travail
Le mode minification supprime tous les commentaires, tous les espaces redondants et tous les sauts de ligne inutiles. Le résultat est un CSS fonctionnellement identique, mais généralement 20 à 40 % plus petit, ce qui accélère le premier affichage et réduit la taille transférée. Le mode embellissement fait l'inverse — il prend un CSS minifié provenant d'un CDN, d'un bundle de framework ou d'un widget tiers et le développe en forme lisible afin que vous puissiez auditer les sélecteurs et les propriétés.
Formatage configurable
Choisissez une indentation à 2 espaces, 4 espaces ou tabulations pour le résultat embelli. Décidez si vous conservez les commentaires (utiles pour les en-têtes de fichier et les chaînes de licence) ou si vous les supprimez entièrement. Le minifieur préserve les variables CSS et les sélecteurs tels quels, de sorte que les noms de propriétés personnalisées et les keyframes d'animation survivent à la transformation. Les préfixes vendeur sont conservés intacts.
Traitement local uniquement
Chaque opération de minification et d'embellissement s'exécute dans votre navigateur. Le CSS que vous collez — qu'il s'agisse de feuilles de style propriétaires de votre système de design ou de code tiers que vous auditez — ne quitte jamais la page. L'onglet Réseau restera vide pendant le traitement, et la page fonctionne hors ligne après le premier chargement.
Questions fréquentes
- Quelle réduction de taille obtient-on avec un CSS minifié ?
- En général 20 à 40 % de moins que l'original après gzip. Les économies proviennent de la suppression des commentaires, des espaces et des valeurs zéro redondantes. Les pipelines de build modernes font cela automatiquement, mais un outil manuel est utile pour des extraits ponctuels.
- La minification peut-elle casser mon CSS ?
- Non. Le minifieur préserve chaque règle, propriété et valeur tels quels. Il ne supprime que les espaces et les commentaires. Les variables CSS, les animations et les préfixes vendeur survivent intacts.
- Puis-je embellir du CSS provenant d'un CDN ?
- Oui. Collez le CSS minifié et Toova le développe en forme lisible avec une indentation cohérente. Utile pour auditer ce que fait réellement un widget tiers ou pour déboguer la sortie compilée d'un framework.
- Les commentaires sont-ils préservés ?
- C'est un interrupteur. Par défaut, la minification supprime les commentaires pour maximiser les économies. Vous pouvez conserver les en-têtes de licence et d'autres commentaires importants en activant l'option de préservation des commentaires.
- Mon CSS est-il envoyé quelque part ?
- Non. Le traitement s'exécute entièrement dans votre navigateur. Rien n'est chargé ou journalisé.