CSS Formatter, Verfraaier & Minifier

Formatteer, verfraai en minimaliseer CSS direct in je browser. Ruim rommelige stylesheets op of comprimeer ze — gratis, privé en je CSS verlaat je apparaat nooit.

Geen tracking Draait in je browser Gratis

CSS-invoer

Inspringing

Geformatteerde CSS

🔒 100% in de browser — je CSS verlaat je apparaat nooit.

Gecontroleerd op render-veilige formattering en verliesloze minimalisatie — Go Tools Engineering Team · Jun 5, 2026

Wat is CSS-formattering?

CSS-formattering (ook wel verfraaien of pretty-printen genoemd) herschrijft een stylesheet met consistente inspringing, regelafbrekingen en witruimte, zodat de structuur eenvoudig te lezen en te beoordelen is. De stijlen renderen identiek vóór en na — alleen de witruimte verandert. Minimaliseren doet het tegenovergestelde: het verwijdert commentaar en perst de CSS samen tot de kleinst mogelijke omvang zodat pagina's sneller laden. Deze tool doet beide, volledig in je browser.

Kernfuncties

Formatteren en minimaliseren

Verfraai rommelige CSS voor leesbaarheid of comprimeer het tot de kleinst mogelijke verzendgrootte — in één tool.

Bytebesparing inzichtelijk

Zie precies hoeveel bytes minimalisering bespaart, zodat je de impact op de payload kent.

100% privé

Alle verwerking draait in je browser. Je CSS wordt nooit naar een server verzonden.

Stijlbesturing

Kies 2-spatie, 4-spatie of tab-inspringing om aan te sluiten bij de conventies van je team.

Voorbeelden

Geminimaliseerde regelset

body{margin:0;padding:0;font-family:system-ui}.card{display:flex;gap:1rem;padding:16px;border-radius:12px;background:#fff}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}

Zet een éénregelige stylesheet om naar leesbare, ingesprongen regels.

Media query

@media(max-width:640px){.nav{flex-direction:column}.nav a{padding:8px 0}}

Spring geneste at-rules in zodat breekpunten eenvoudig te scannen zijn.

Custom properties

:root{--primary:#6366f1;--gap:8px}.btn{color:var(--primary);margin:var(--gap)}

Formatteer CSS-variabelen en var()-gebruik overzichtelijk.

Keyframes

@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

Zet animatie-keyframes regel voor regel uit.

Veelvoorkomende gebruiksscenario's

Geërfde CSS opruimen: Verfraai een geminimaliseerde of inconsistente stylesheet zodat je die kunt lezen en bewerken.
Code-review: Formatteer CSS vóór een pull request zodat reviewers consistente, diffbare stijlen zien.
Kleiner verzenden: Minimaliseer productie-CSS om bytes te besparen en paginalading te versnellen.
Van voorbeelden leren: Plak een snippet gekopieerd van een site en formatteer het om de structuur te begrijpen.

Technische details

Verfraaien met js-beautify: Gebruikt dezelfde beproefde engine als populaire online verfraaiers voor voorspelbare, configureerbare uitvoer.
Minimaliseren met CSSO: Comprimeert veilig — witruimte samenvoegen en commentaar verwijderen zonder de rendering van stijlen te wijzigen.
Browsergebaseerd: Draait volledig aan de clientzijde; geen CSS verlaat ooit je apparaat of raakt een server.

Aanbevolen aanpak

Broncode formatteren, productie minimaliseren: Houd leesbare CSS in je repo en minimaliseer alleen als build-/deploystap.
Kies één inspringstijl: Spreek 2 spaties, 4 spaties of tabs af binnen het team voor overzichtelijke diffs.
Minimaliseer als laatste stap: Voer minimalisering uit na alle bewerkingen — geminimaliseerde CSS is moeilijk handmatig bij te houden.

Veelgestelde vragen

Hoe formatteer ik CSS online?

Plak je CSS in het invoerveld en klik op Formatteren. De tool springt de stylesheet opnieuw in met consistente regelafbrekingen en witruimte, waarna je het kunt kopiëren. Alles draait lokaal in je browser — er wordt niets geüpload.

Hoe minimaliseer ik CSS?

Plak je CSS en klik op Minimaliseren. De tool verwijdert commentaar en perst witruimte samen tot de kleinst equivalente stylesheet, en toont hoeveel bytes je bespaart. De geminimaliseerde CSS rendert exact hetzelfde als het origineel.

Wat is het verschil tussen het formatteren en minimaliseren van CSS?

Formatteren (verfraaien) voegt inspringing en regelafbrekingen toe om CSS leesbaar te maken. Minimaliseren doet het tegenovergestelde: het verwijdert commentaar en witruimte om het bestand te verkleinen voor snellere laadtijden. Beide produceren stijlen die identiek renderen aan het origineel.

Verandert formatteren hoe mijn stijlen eruitzien?

Nee. Formatteren en minimaliseren wijzigen alleen witruimte en commentaar — nooit selectors, eigenschappen of waarden. De pagina rendert voor en na exact hetzelfde.

Is mijn CSS veilig bij deze tool?

Ja. Alle formattering en minimalisering vindt lokaal in je browser plaats via JavaScript — je CSS wordt nooit naar een server verzonden, gelogd of opgeslagen. Dit maakt de tool veilig voor bedrijfseigen of nog niet gepubliceerde stijlen, anders dan server-side formatters die een kopie ontvangen van alles wat je plakt.

Kan het SCSS of Less formatteren?

Het formatteert en minimaliseert standaard CSS. Gewone SCSS/Less die ook geldige CSS is, formatteert doorgaans prima, maar preprocessor-eigen syntaxis (nesting, mixins, variabelen met $ of @) kan het best door de eigen formatter van je preprocessor worden afgehandeld.

Welke inspringing moet ik gebruiken voor CSS?

Twee spaties is de meest gangbare standaard en houdt diffs compact; vier spaties kan de leesbaarheid voor diep geneste regels verbeteren; tabs laten elke ontwikkelaar zijn voorkeursbreedte instellen. Kies er één en pas die consistent toe — deze tool ondersteunt alle drie.

Gerelateerde tools

Alle tools bekijken →

HTML Formatter, Verfraaier & Minifier

Code

Formatteer, verfraai en minimaliseer HTML direct in je browser. Spring rommelige opmaak in of comprimeer het — gratis, privé en je HTML verlaat je apparaat nooit.

JavaScript Formatter, Verfraaier & Minifier

Code

Formatteer, verfraai en minimaliseer JavaScript direct in je browser. Ruim rommelige code op of comprimeer het met Terser — gratis, privé en je code verlaat je apparaat nooit.

SQL-formatter & verfraaier

Code

Formatteer, verfraai en minimaliseer SQL direct in je browser. Ondersteunt PostgreSQL, MySQL, SQL Server, BigQuery, Snowflake, Oracle en SQLite. Gratis SQL-formatter, privé — je SQL verlaat je apparaat nooit.

Talstelsel omrekenen — online converter

Omrekentools

Reken je getal direct om tussen binair, hex, decimaal, octaal en elk talstelsel (2-36). Gratis en privé — alles draait in je browser.

Base64 decoderen en encoderen online

Encodering en formattering

Base64 decoderen en encoderen direct in je browser. Realtime conversie met volledige UTF-8- en emoji-ondersteuning. 100% privé — geen account nodig.

Base64 naar afbeelding converter

Encodering en formattering

Decodeer een Base64-string of data-URI terug naar een afbeelding in je browser. Bekijk voorbeeld, lees afmetingen & MIME, download als PNG, JPG, GIF, SVG. Geen upload.