Minificateur CSS gratuit
Ce minificateur CSS gratuit supprime les commentaires, les sauts de ligne et les espaces inutiles d'une feuille de style, puis affiche le nombre d'octets économisés. Les chaînes entre guillemets et les valeurs url() sont protégées, et les commentaires de licence commençant par un point d'exclamation peuvent être conservés. Il convient à quiconque souhaite une feuille de style plus légère sans installer d'outil de compilation.
CSS Minifier
Generators and Converters
À propos de cet outil
Une feuille de style bloque le rendu : le navigateur ne peindra pas la page tant que le CSS dans l'en-tête n'a pas été téléchargé et analysé. Réduire sa taille est l'une des améliorations de vitesse les plus simples, et la minification supprime uniquement les caractères que le navigateur ignore, donc la page reste identique.
Le minificateur supprime les commentaires, réduit les espaces, supprime les espaces autour des accolades, des points-virgules, des virgules et des combinateurs enfants, et supprime le point-virgule avant une accolade fermante. Le texte entre guillemets et dans url() est laissé intact, et les commentaires commençant par un point d'exclamation sont conservés lorsque vous choisissez de garder les mentions de licence.
Il ne fusionne pas les règles, ne renomme pas les classes et ne supprime pas le CSS inutilisé, donc le résultat est toujours une copie fidèle de vos règles. Conservez le fichier lisible dans votre projet et publiez la version minifiée. Pour relire le CSS minifié, utilisez le beautificateur CSS. Rien de ce que vous collez n'est stocké.
Questions fréquentes
La minification du CSS peut-elle casser mon design ?
Non, quand seuls les commentaires et les espaces sont supprimés. Cet outil conserve les chaînes et les valeurs url() telles qu'elles sont. Si la page semble différente après la publication, la cause est généralement un ancien fichier en cache, donc videz le cache ou ajoutez un numéro de version au nom du fichier.
Quelle est la différence entre minifier et compresser ?
La minification réécrit le fichier pour qu'il ait moins de caractères. La compression comme gzip ou Brotli est appliquée par le serveur lors de l'envoi du fichier. Elles fonctionnent ensemble : minifiez d'abord, puis laissez le serveur compresser, et le visiteur télécharge la version la plus petite possible.
Supprime-t-il le CSS inutilisé ?
Non. Supprimer les règles inutilisées nécessite un crawl de vos vraies pages, car une règle qui semble inutilisée peut styliser un menu ou une popup qui apparaît plus tard. Cet outil réduit uniquement ce que vous collez, donc chaque règle que vous avez écrite reste dans le résultat.
Pourquoi conserver les commentaires de licence ?
De nombreuses bibliothèques demandent qu'une courte notice reste dans le fichier. Par convention, ces commentaires commencent par un point d'exclamation. Cochez l'option pour les conserver et ils resteront dans le résultat tandis que tous les autres commentaires sont supprimés.