Naar de inhoud
ToolMug

CSS verkleinen

Comprimeer stylesheets voor productie. CSSO verwijdert witruimte en commentaar, verkort kleuren en waarden, en voegt regels samen die dezelfde selector herhalen — vaak een grotere besparing dan alleen witruimte verwijderen.

Draait in je browser: niets wat je invoert wordt geüpload

Zo gebruik je het

  1. Plak je CSS.
  2. Kies of je regels wilt herstructureren en licentiecommentaar wilt behouden.
  3. Klik op Verkleinen, of druk op Ctrl+Enter (⌘+Enter op Mac).
  4. Kopieer of download de geminificeerde CSS.

Opties uitgelegd

Regels samenvoegen en herstructureren
Combineert regels met dezelfde selector of dezelfde declaraties wanneer dat veilig kan. Zet uit om alleen witruimte te verwijderen en waarden te verkorten.
Licentiecommentaar behouden
Behoudt commentaar dat begint met /*!, de gangbare notatie voor licentievermeldingen.

Voorbeelden

a { color: #ff0000; }
/* notitie */
a { margin: 0px; }

wordt geminificeerd tot a{color:red;margin:0}.

Veelgestelde vragen

Wat wordt er verkort?

Kleuren (#ff0000 → red, #ffffff → #fff), nul-eenheden (0px → 0), overbodige puntkomma's en aanhalingstekens, en witruimte. Met herstructureren aan worden dubbele regels samengevoegd.

Kan herstructureren mijn pagina anders laten zien?

CSSO verplaatst declaraties alleen als het resultaat van de cascade gelijk blijft. Vertrouw je op ongewone hacks, vergelijk dan het resultaat of zet herstructureren uit.

Wordt mijn code geüpload?

Nee. Verkleinen gebeurt in je browser.

Privacy

Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.

Gerelateerde tools