CSS minimaliseren en opmaken – gratis online
Minimaliseer of formatteer je CSS direct in de browser. Verwijdert opmerkingen en witruimte om het bestand kleiner te maken.
🔒 Je bestand verlaat nooit je browser. Alle verwerking gebeurt lokaal.
CSS online minimaliseren
- 1
Plak je CSS
Plak of typ je CSS-code in het invoervak.
- 2
Kies Minimaliseren of Opmaken
Klik op Minimaliseren om de CSS te comprimeren, of op Opmaken voor een consistente inspringing.
- 3
Kopieer het resultaat
Het resultaat verschijnt rechts. Klik op Kopiëren om het naar je klembord te kopiëren.
CSS blokkeert het renderen: de browser kan niets tonen zolang niet alle stylesheets in de head zijn gedownload en verwerkt. Een paar kilobyte vertraagt dus direct de First Contentful Paint, vooral op mobiele verbindingen. CSS minimaliseren is de goedkoopste optimalisatie: geen buildproces, geen codewijzigingen, alleen een kleiner bestand dat er precies hetzelfde uitziet.
Wat wordt verwijderd: opmerkingen, inspringing, regeleinden, spaties rond accolades en dubbele punten en de laatste puntkomma voor elke sluitaccolade. Selectors, eigenschapsnamen en waarden worden nooit aangeraakt, waardoor geminimaliseerde CSS zich precies gedraagt als het origineel. Opmaken doet het omgekeerde: van een productie-stylesheet maakt het leesbare regels met consistente inspringing.
Als je stylesheet groot is door ongebruikte regels in plaats van witruimte, levert minimaliseren weinig op; verwijder eerst ongebruikte selectors in je build. Voor je overige bestanden passen de JS-minifier en de HTML-minifier hetzelfde idee toe op scripts en markup.