Wat doet een CSS-minifier precies?

Een CSS-minifier haalt alles weg wat een browser niet nodig heeft om stijlen te tonen: commentaar, regeleinden, extra witruimte en overbodige tekens. Het resultaat is een kleiner bestand dat sneller laadt, zonder dat het uiterlijk van je stijlen verandert.

Hoe zet ik geminificeerde CSS terug naar normaal?

Plak de geminificeerde CSS in het invoerveld en klik op Formatteren. De formatter springt de regels weer in en voegt regeleinden toe, zodat CSS op één regel terugverandert in leesbare code om te bewerken of te reviewen.

Verandert het verkleinen van CSS hoe mijn stijlen eruitzien?

Nee. Het verkleinen verwijdert alleen tekens die de browser negeert, zoals commentaar en witruimte. De selectors, eigenschappen en waarden blijven identiek, dus je weergegeven stijlen zien er precies hetzelfde uit, alleen is het bestand kleiner.

Wordt mijn CSS naar een server geüpload?

Nee. Het verkleinen en formatteren gebeurt volledig in je browser met client-side code. Je stylesheet verlaat je apparaat niet, waardoor bedrijfsgevoelige of vertrouwelijke CSS privé blijft.

Hoeveel kleiner wordt mijn CSS-bestand?

Dat hangt af van hoeveel witruimte en commentaar het oorspronkelijke bestand bevat. Royaal opgemaakte of zwaar becommentarieerde stylesheets krimpen vaak met 20–50%, en de besparing loopt verder op zodra je server gzip- of Brotli-compressie toepast.

Is deze CSS-verkleiner gratis en online te gebruiken?

Ja. De tool werkt gratis en volledig online in je browser, zonder installatie of registratie. Je hoeft geen npm-pakket of editor-extensie te installeren om je CSS te verkleinen of te formatteren.

Kan ik CSS ook op één regel formatteren of juist uitvouwen?

Ja. Met Verkleinen pers je je CSS tot één compacte regel samen, ideaal voor productie. Met Formatteren vouw je die ene regel weer uit naar nette, ingesprongen code, vergelijkbaar met wat tools als Prettier doen tijdens het ontwikkelen.

CSS Verkleiner - CSS online minifyen en formatteren

Minify CSS om de bestandsgrootte te verkleinen, of formatteer CSS voor betere leesbaarheid. Gratis CSS-compressor in je browser, zonder upload.

Plak je CSS en deze tool verkleint het direct: commentaar, witruimte en overbodige tekens worden weggehaald zodat het bestand kleiner wordt en je pagina sneller laadt. Wil je geminificeerde of CSS op één regel juist weer leesbaar maken? Schakel over naar Formatteren voor nette, ingesprongen code om in te bewerken. Alles draait in je browser, dus je stylesheet wordt nooit naar een server geüpload.

Waarom CSS Verkleiner online gebruiken?

Verklein om de grootte te verkleinen, Formatteer om de leesbaarheid te verbeteren.

Formatteren

Comprimeer of formatteer CSS-code.

Verkleinen

Verklein om de grootte te verkleinen, Formatteer om de leesbaarheid te verbeteren.

Zo gebruik je de CSS-verkleiner en -formatter

1
Plak je CSS
Typ of plak je stylesheet in het invoerveld, van één enkele regel tot een complete CSS-file.
2
Kies Verkleinen of Formatteren
Klik op Verkleinen om je CSS tot één compacte regel samen te persen, of op Formatteren om geminificeerde CSS weer als leesbare, ingesprongen code terug te zetten.
3
Controleer het resultaat
Bekijk de uitvoer; ongeldige CSS wordt gemarkeerd zodat je de syntaxis kunt corrigeren voordat je kopieert.
4
Kopieer de uitvoer
Gebruik de knop Kopiëren om de verkleinde of geformatteerde CSS in je project te plakken, en Wissen om opnieuw te beginnen.

Bronnen

MDN — CSS
Mozilla's naslagwerk over CSS-syntaxis, eigenschappen en waarden, handig om regels te controleren na het verkleinen of formatteren.
W3C — CSS Snapshot
Het officiële overzicht van het W3C van de CSS-specificaties die geldige stylesheet-syntaxis definiëren.

Gerelateerde tools

JS-verkleiner

Comprimeer JavaScript-bestanden om de grootte te beperken en laadtijden te versnellen.

HTML-verkleiner

Verwijder witruimte en commentaar uit HTML-opmaak voor lichtere pagina's.

XML-verkleiner

Maak XML-documenten compacter door overbodige witruimte weg te halen.

JSON-formatter

Maak JSON-gegevens leesbaar en valideer ze met nette inspringing.

Veelgestelde vragen

Wat doet een CSS-minifier precies?: Een CSS-minifier haalt alles weg wat een browser niet nodig heeft om stijlen te tonen: commentaar, regeleinden, extra witruimte en overbodige tekens. Het resultaat is een kleiner bestand dat sneller laadt, zonder dat het uiterlijk van je stijlen verandert.
Hoe zet ik geminificeerde CSS terug naar normaal?: Plak de geminificeerde CSS in het invoerveld en klik op Formatteren. De formatter springt de regels weer in en voegt regeleinden toe, zodat CSS op één regel terugverandert in leesbare code om te bewerken of te reviewen.
Verandert het verkleinen van CSS hoe mijn stijlen eruitzien?: Nee. Het verkleinen verwijdert alleen tekens die de browser negeert, zoals commentaar en witruimte. De selectors, eigenschappen en waarden blijven identiek, dus je weergegeven stijlen zien er precies hetzelfde uit, alleen is het bestand kleiner.
Wordt mijn CSS naar een server geüpload?: Nee. Het verkleinen en formatteren gebeurt volledig in je browser met client-side code. Je stylesheet verlaat je apparaat niet, waardoor bedrijfsgevoelige of vertrouwelijke CSS privé blijft.
Hoeveel kleiner wordt mijn CSS-bestand?: Dat hangt af van hoeveel witruimte en commentaar het oorspronkelijke bestand bevat. Royaal opgemaakte of zwaar becommentarieerde stylesheets krimpen vaak met 20–50%, en de besparing loopt verder op zodra je server gzip- of Brotli-compressie toepast.
Is deze CSS-verkleiner gratis en online te gebruiken?: Ja. De tool werkt gratis en volledig online in je browser, zonder installatie of registratie. Je hoeft geen npm-pakket of editor-extensie te installeren om je CSS te verkleinen of te formatteren.
Kan ik CSS ook op één regel formatteren of juist uitvouwen?: Ja. Met Verkleinen pers je je CSS tot één compacte regel samen, ideaal voor productie. Met Formatteren vouw je die ene regel weer uit naar nette, ingesprongen code, vergelijkbaar met wat tools als Prettier doen tijdens het ontwikkelen.