Minifieur CSS

Minifiez et compressez le CSS en un seul endroit

Ce minificateur CSS réduit vos feuilles de style en supprimant chaque caractère dont le navigateur n'a pas besoin — commentaires, espaces, sauts de ligne et le point-virgule final redondant dans chaque règle — pour que le fichier que vous envoyez soit plus léger en octets tout en s'affichant de façon identique. Collez votre code ou déposez un fichier .css et le résultat compressé apparaît instantanément, avec les octets exacts et le pourcentage économisé.

C'est aussi un compresseur CSS et un embellisseur CSS en un : un simple bouton bascule entre minifier et déminifier, de sorte que le même outil qui compresse une feuille de style peut aussi l'étendre en code lisible et indenté.

Ce qu'il supprime — et ce qu'il ne touche jamais

Lorsque vous minifiez le CSS, l'outil supprime les commentaires, réduit tous les espaces, retire les espaces autour des symboles comme { } : ; , > +, et supprime le dernier point-virgule avant chaque accolade fermante. Activez le mode Agressif et il supprime aussi les zéros initiaux (0.5em → .5em) et l'unité sur les valeurs de longueur nulle (0px → 0).

Fondamentalement, c'est sans perte. Les chaînes entre guillemets, les valeurs url() et les expressions calc() sont protégées avant toute suppression, de sorte qu'une valeur comme calc(100% - 2rem) conserve ses espaces requis et le chemin d'une image de fond n'est jamais altéré. De nombreux minificateurs en ligne rapides échouent sur calc() — pas celui-ci.

Minifiez ou embellissez — un vrai outil bidirectionnel

Besoin de lire une feuille de style compressée sur une seule ligne ? Passez en mode Embellir pour déminifier le CSS : l'outil ré-indente le code, place chaque déclaration sur sa propre ligne, ajoute un espace après chaque deux-points et organise les listes de sélecteurs proprement. Choisissez une indentation de 2 espaces, 4 espaces ou des tabulations pour correspondre au style de votre projet.

Comme minifier et embellir sont réversibles, vous pouvez coller du CSS minifié de production, le lire, le modifier et le reminifier — le tout sans quitter la page.

Comparaison avec cssminifier.com, CleanCSS et cssnano

cssminifier.com est l'option en ligne la plus utilisée, mais il envoie votre code sur ses serveurs. Pour les feuilles de style propriétaires — projets clients, designs non publiés, outils internes — c'est un vrai risque. CleanCSS et cssnano sont des bibliothèques Node.js : idéales pour les pipelines automatisés mais inutilisables sans installation locale. Le minificateur CSS de freeformatter.com et celui de TopTal sont également côté serveur.

Cet outil traite tout localement avec JavaScript — rien n'est jamais envoyé. Il couvre les optimisations de minification les plus courantes (espaces, commentaires, points-virgules, unités nulles, zéros initiaux) et ajoute une estimation gzip dans la même étape. Pas de compte, pas d'envoi, pas d'installation — fonctionne sur iPhone, Android, Mac, Windows et Linux.

Voyez les octets économisés — y compris gzip

Une barre de statistiques bien visible indique la taille d'origine, la taille de sortie et les octets et pourcentage économisés, afin que vous sachiez toujours exactement de combien votre CSS a été allégé. Les tailles sont mesurées en octets UTF-8 réels, pas en nombre de caractères, ce qui correspond à ce que votre serveur sert réellement.

L'outil affiche également une valeur gzippée calculée localement dans votre navigateur. Minification et gzip se cumulent — minifiez la source, puis laissez votre hôte la compresser — et voir les deux chiffres rend l'économie combinée évidente.

100 % privé — rien ne quitte votre navigateur

Chaque minification et embellissement s'exécute localement dans votre navigateur via JavaScript. Votre CSS n'est jamais envoyé, enregistré ou stocké, ce qui en fait un endroit sûr pour compresser des feuilles de style propriétaires, non publiées ou appartenant à des clients. Aucune inscription n'est requise et aucune limite n'existe au-delà de la mémoire de votre appareil. L'outil fonctionne aussi hors ligne — une fois la page chargée, déconnectez votre internet et le minificateur continue de fonctionner. Enregistrez ce minificateur CSS en ligne dans vos favoris et utilisez-le chaque fois que vous avez besoin de compresser du CSS, de réduire un fichier ou de lire un CSS minifié.