CSS-formatter & minifier
Maak CSS leesbaar of minificeer het vóór uitlevering
Over deze tool
Klap geminificeerde of gekopieerde CSS uit naar regels met één declaratie per regel, of pers een stylesheet samen voor productie. De beautifier normaliseert inspringing en accoladeplaatsing; de minifier verwijdert commentaar, vouwt witruimte samen en laat afsluitende puntkomma’s vallen, terwijl strings, de inhoud van url(...) en calc()-expressies onaangeroerd blijven.
De minifier is transparant over wat hij níet doet: hij hernoemt geen selectors, voegt geen dubbele regels samen en herschrijft geen kleuren. Dat maakt de uitvoer voorspelbaar en veilig voor elke stylesheet, ook met hacks en vendor prefixes — plakken, minificeren, uitleveren.
Zoals bij elke tool hier gebeurt de verwerking lokaal. Nog niet uitgebrachte designsysteemcode blijft in je browser.
Veelgestelde vragen
- Hoeveel kleiner wordt geminificeerde CSS?
- Doorgaans 15–30% voor handgeschreven CSS, vooral door inspringing en commentaar. Gzip op je server haalt veel van dezelfde redundantie weg, dus het verschil op de lijn is kleiner dan het ruwe bytegetal suggereert — minificeer toch, het scheelt ook parsetijd.
- Is het veilig voor calc(), custom properties en media queries?
- Ja. Spaties binnen calc() zijn betekenisvol en blijven behouden; custom properties en hun var()-verwijzingen zijn gewone declaraties en overleven ongewijzigd; @media en andere at-rules houden hun structuur.
- Waarom hielden mijn descendant-selectors hun spaties?
- Omdat “nav a” en “nava” verschillende dingen selecteren — de spatie is een combinator, geen opmaak. De minifier verwijdert alleen witruimte zonder syntactische betekenis.
- Kan het converteren tussen LESS/SCSS en CSS?
- Nee — preprocessorsyntaxis vraagt compilatie, geen formattering. Gewone SCSS die ook geldige CSS is formatteert prima; geneste regels en mixins niet.