CSS-minifier
Comprimeer of verfraai je CSS, met de bytebesparing.
- Direct
- Gratis
- Privé (lokaal verwerkt)
- Zonder registratie
Lichtere CSS, of leesbaarder — jouw keuze
In productie wil je CSS die compact is om snel te laden; in ontwikkeling, CSS die ruim is om te lezen. Deze tool werkt beide kanten op en toont telkens hoeveel bytes je bespaarde of terugzette.
-
Plak je CSS
Eén regel, een hele sheet, elke grootte.
-
Minify of verfraai
Maximale compressie, of nette herinspringing.
-
Lees de besparing
Bytes voor → na en bespaard percentage.
Wat minificatie verwijdert
| Voor | Na |
|---|---|
| /* commentaar */ | (verwijderd) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Regeleinden en tabs | (verwijderd) |
Een bewust eenvoudige, veilige minifier: hij hernoemt niets en voegt geen regels samen. Voor kritieke productie gaat een build-tool (cssnano, Lightning CSS) verder.
Veelgestelde vragen
Waarom je CSS minifyen?
Een lichter CSS-bestand downloadt sneller: de pagina verschijnt eerder en gebruikt minder bandbreedte. Bij grote bestanden bespaart het verwijderen van commentaar, witruimte en regeleinden vaak 20–40% van de grootte.
Verandert minificatie de weergave?
Nee: het raakt alleen onzichtbare tekens (spaties, breaks, commentaar) en de overbodige laatste puntkomma. Regels, waarden en selectors blijven identiek. De browser interpreteert exact dezelfde stijl.
Wat doet de “verfraaien”-modus?
Het omgekeerde: het springt gecomprimeerde of rommelige CSS opnieuw in, één regel per regel, met inspringing, om het leesbaar en bewerkbaar te maken. Handig om de geminifyde CSS van een site te ontcijferen.
Worden mijn stylesheets online verzonden?
Nee: alle verwerking gebeurt in je browser, niets wordt verzonden. Je kunt vertrouwelijke of bedrijfseigen CSS minifyen zonder dat het je machine verlaat.