Hoe minify ik CSS online zonder iets te installeren?

Plak je CSS in CSS-invoer of sleep een .css-bestand en klik op CSS minificeren. Opmerkingen en extra witruimte worden verwijderd en je kunt het resultaat Kopiëren of Downloaden als styles.min.css.

Behoudt de CSS-minifier licentieopmerkingen en data-URI's intact?

Ja. Gewone opmerkingen worden verwijderd, maar /*! license */-opmerkingen blijven behouden. Strings tussen aanhalingstekens, url()-waarden en data-URI's worden apart getokeniseerd, dus witruimteregels wijzigen ze niet.

Hoe zet ik geminificeerde CSS terug naar leesbare code?

Klik op CSS verfraaien in plaats van CSS minificeren. De code wordt opnieuw ingesprongen met twee spaties per niveau en dubbele punten van selectors zoals a:hover worden onderscheiden van die van eigenschappen. Downloaden slaat het op als styles.css.

Wat betekent het gzip-getal naast de reductie?

Het is een schatting van de uitvoergrootte na gzip-compressie, gemeten met de CompressionStream API van de browser. Als je browser die API mist, wordt de gzip-grootte niet getoond.

Wordt mijn CSS naar een server gestuurd als ik die minify?

Nee. Minificeren gebeurt door een JavaScript-tokenizer in je browser, zonder externe bibliotheek. Er wordt niets geüpload, dus je kunt het gebruiken voor privéstijlbladen.

Ja. Elke tool is gratis te gebruiken, zonder account en zonder creditcard. Het werk gebeurt op jouw apparaat in plaats van op onze servers, en daarom is het gratis te gebruiken.

Ja. Het werkt in actuele mobiele browsers op iOS en Android, zonder iets te installeren.

🗜️

Gratis CSS-minifier en -verfraaiier

Minimaliseer CSS om de bestandsgrootte te verkleinen of verfraai geminimaliseerde CSS voor leesbaarheid. Direct, in je browser.

Draait in je browserGeen aanmelding, geen pop-upsGeen aanmelding vereistVoor altijd gratis

Werkt offline na het laden

of sleep hieronder een .css-bestand naartoe

Sleep hier een .css-bestand naartoe, of klik om te bladeren

CSS · verwerkt op je apparaat

of druk op Ctrl+V om vanaf het klembord te plakken

Bestanden bladeren

Invoer CSS

Uitvoer CSS

Uitvoer verschijnt hier…

Veelvoorkomend gebruik

Minify CSS voor Productie-implementatieReduceer CSS-bestandsgrootte vóór productie-implementatie - sneller laden en lagere bandbreedtekosten.
Verfraai Geminificeerde CSS voor DebuggingFormatteer gecomprimeerde of geminificeerde CSS in leesbare code, zodat u stijlen kunt inspecteren en debuggen.
Minify CSS voor E-mailsjablonenCompacteer CSS voor HTML-e-mailsjablonen waar bestandsgrootte en inline-stijlopzwelling van belang zijn.
Minify CSS voor WordPress-Thema'sReduceer de grootte van aangepaste WordPress-thema-stylesheets voor betere PageSpeed-scores.
Verfraai CSS voor CodebeoordelingFormatteer elk CSS-bestand in schone, inspringende, leesbare code klaar voor beoordeling en samenwerking.

Hoe het werkt

Deze tool gebruikt een zelfgeschreven CSS-tokenizer zonder afhankelijkheden, volledig in JavaScript — geen externe bibliotheken, geen serveraanroepen. De tokenizer deelt elk teken in als code, commentaar, string tussen aanhalingstekens of url()-waarde voordat er iets wordt omgezet; zo voorkomen witruimteregels dat stringinhoud, data-URI's of calc()-expressies beschadigd raken.

1
Tokenisatiestap
De invoer-CSS wordt teken voor teken gescand en gesplitst in getypeerde tokens: stukken ruwe code, /* ... */-commentaar, strings tussen aanhalingstekens (met behoud van escapereeksen) en url(...)-blokken. Zo raken de omzettingen in de volgende stap alleen echte CSS-syntaxis — nooit de inhoud van een stringliteral of data-URI.
2
Verkleinen of mooi opmaken
In de minify-modus wordt gewoon commentaar verwijderd (/*! license */-commentaar blijft), worden reeksen witruimte in codetokens samengevoegd tot één spatie en wordt witruimte rond { } : ; , > ~ verwijderd. Spaties rond + en - blijven bewust staan om calc()-expressies niet te breken. In de beautify-modus wordt de code eerst verkleind tot een schone basis, daarna opnieuw getokeniseerd en ingesprongen met een diepte van twee spaties en herkenning van declaratiedubbelepunten, om eigenschap: waarde-dubbelepunten te onderscheiden van selectordubbelepunten zoals a:hover.
3
Schatting van de gzip-grootte
Na het maken van de uitvoer wordt de native CompressionStream API van de browser gebruikt om het resultaat met gzip te comprimeren en het aantal bytes te meten. Dat geeft een realistische schatting van de overdrachtsgrootte, gelijk aan wat een webserver met gzip-compressie over het netwerk zou sturen.
4
Kopiëren of downloaden
De verwerkte CSS wordt via de Clipboard API naar het klembord geschreven, of gedownload als styles.min.css (minify-modus) of styles.css (beautify-modus) met een Blob van MIME-type text/css. Het percentage verkleining wordt live getoond terwijl je typt.

Gerelateerde tools

✨

SVG-optimizer en -minifier

Verwijder metadata, vouw witruimte samen en rond decimalen af om de SVG-bestandsgrootte drastisch te verkleinen — typische reducties van 30-70%. Visuele voorvertoning verifieert dat niets kapot gaat.

Probeer hetBestanden blijven lokaal

🎨

CSS-verfraaiier

Maak geminificeerde CSS leesbaar met consistente inspringing, of minificeer CSS. Optioneel alfabetisch sorteren van eigenschappen voor voorspelbare diffs.

Probeer het

📋

JSON-formatter

JSON-gegevens formatteren, valideren, verkleinen en verkennen. Boomweergave, syntaxiskleuring en kopiëren met één klik.