Code & web

Minifier du CSS

Réduisez la taille d'une feuille de style en retirant commentaires, espaces et retours à la ligne.

Intégrer ce calculateur sur votre site

Copiez ce code et collez-le dans votre page (WordPress, Wix, Webflow, HTML…). C'est gratuit : merci de laisser le lien vers HOD Calc.

Comment ça marche

Suppression des commentaires et des espaces inutiles, raccourcissement des couleurs (#ffffff → #fff) et des unités nulles (0px → 0).

Les résultats sont donnés à titre indicatif et ne remplacent pas l'avis d'un professionnel.

Exemple de calcul

Avec les valeurs proposées par défaut :

  • CSS/* Bouton principal */ · .btn { · color: #ffffff; · padding: 12px 20px; · margin:…

on obtient :

  • Gain43,3 % (120 → 68 caractères)

Questions fréquentes

Comment fonctionne l'outil « Minifier du CSS » ?

Suppression des commentaires et des espaces inutiles, raccourcissement des couleurs (#ffffff → #fff) et des unités nulles (0px → 0).

Quelles informations faut-il saisir ?

Il suffit de renseigner : css. Le résultat se met à jour pendant que vous tapez.

Pouvez-vous donner un exemple ?

CSS : /* Bouton principal */ · .btn { · color: #ffffff; · padding: 12px 20px; · margin:… → Gain : 43,3 % (120 → 68 caractères).

Ce calculateur est-il gratuit et mes données restent-elles privées ?

Oui. HOD Calc est entièrement gratuit et sans inscription. Le calcul est fait directement dans votre navigateur : rien de ce que vous tapez n'est envoyé ni enregistré.