Embellisseur et minificateur CSS

Formatez ou minifiez du CSS, du SCSS et du LESS avec des erreurs précises et des statistiques de taille.

Fonctionne en local · aucun envoi
Input
Output 
À quoi il sert
Transformez une feuille de style minifiée ou un fichier SCSS désordonné en code lisible avec une déclaration par ligne, ou réduisez une feuille de style pour la production. La sortie se met à jour pendant la saisie.
Fonctionnalités
  • CSS, SCSS et LESS : l’imbrication, les variables, les mixins, les maps, @use, les gardes et l’interpolation #{} / @{} sont pris en charge.
  • Formatage Prettier avec 2 espaces, 4 espaces ou des tabulations, une largeur de ligne et des guillemets simples ou doubles.
  • Minifier supprime les commentaires, sauf les commentaires de licence /*! ... */, ainsi que les espaces partout où ils n’ont aucun effet : autour de { } ; ,, après : et (, avant !important et autour des combinateurs > + ~ dans les sélecteurs. Le dernier point-virgule de chaque bloc disparaît aussi. Tout le reste est copié tel quel, si bien que les chaînes, les valeurs url(), les échappements comme .md\:flex, calc(1px + 2px) et les sélecteurs descendants comme .a :hover gardent leur sens. En SCSS et en LESS, les commentaires de ligne // sont également supprimés.
  • Erreurs précises : un bloc non fermé, un guillemet manquant ou une } en trop est signalé avec sa ligne et sa colonne, un extrait avec un repère et un bouton Aller à l’erreur.
  • Taille avant et après, nombre de lignes et durée. L’ouverture d’un fichier .scss ou .less change automatiquement le langage.
Comment l’utiliser
  1. Collez une feuille de style, ouvrez un fichier ou déposez-le sur l’entrée. Exemple charge un exemple.
  2. Choisissez le langage, puis Formater ou Minifier.
  3. Copiez ou téléchargez le résultat. Ctrl+Enter lance le traitement immédiatement.
Le minificateur ne fusionne pas les règles, ne raccourcit pas les couleurs et ne réécrit pas les valeurs ; pour ce niveau d’optimisation, utilisez un outil de build comme cssnano ou Lightning CSS. Le SCSS et le LESS minifiés restent du SCSS et du LESS : compilez-les avant la mise en production.
Confidentialité
Tout s’exécute dans votre navigateur ; seuls les fichiers Prettier de version figée sont téléchargés depuis un CDN. Vos styles ne sont jamais envoyés. La dernière saisie est conservée dans le stockage local pour qu’un rechargement ne la perde pas.