onul.works

CSS-minifier

Verklein CSS-code in je browser en maak een compacter stylesheet voor build of deployment.

⌘ Draait in de browser ◴ Geen data opgeslagen ⌁ Gratis

Zoekintentie

Minificeer CSS om de stylesheet te verkleinen vóór implementatie

CSS-minificatie verwijdert spaties en opmerkingen om de transportgrootte te verlagen en het afleveren van stylesheets te versnellen.

Het verwijderen van witruimte, nieuwe regels en opmerkingen uit CSS vermindert het aantal bytes, wat de overdrachtstijd kan verkorten en first-load prestaties kan verbeteren.

Bewaar vóór publicatie een backup van het originele CSS-bestand, vergelijk voor- en namaten en controleer leesbaarheid op delen zoals calc(), variabelen en selectors.

Wanneer gebruiken

Gebruik dit vóór release wanneer je productiestylesheets kleiner en sneller wilt afleveren.

Wat wordt verminderd

Onnodige spaties, extra regeleinden en opmerkingen worden verwijderd om de netwerkpayload te verlagen.

Pre-release controlepunt

Sla het origineel op, vergelijk de omvang en voer een snelle visuele controle uit op leesbaarheid en layout gedrag vóór uitrol.

Dit is lichte minificatie, geen codevalidatie; test altijd in staging en behoud een bronback-up vóór overschrijven.

CSS-invoer
Verkleinde CSS

Hoe te gebruiken

  1. 1 Plak de CSS-code die je wilt verkleinen in het invoerveld.
  2. 2 Klik op de minify-knop om commentaar, extra spaties en overbodige tekens te verwijderen.
  3. 3 Kopieer de uitvoer-CSS naar je build- of deploybestand.

Veelgebruikte toepassingen

  • CSS-commentaar verwijderen
  • Stylesheet-witruimte comprimeren met een CSS-minifier
  • Grootte voor en na vergelijken

Veelgestelde vragen

Wat doet CSS minification?

Het verwijdert commentaar, vouwt witruimte samen en trimt overbodige spaties rond accolades, dubbele punten, puntkomma's en komma's.

Kan ik het resultaat kopiëren?

Ja. Na het verkleinen kun je de CSS uit het uitvoerveld kopiëren. De invoer- en uitvoergrootte worden getoond.

Wat moet ik controleren voor gebruik?

Dit is eenvoudige regex-gebaseerde minification en herstelt geen CSS-syntaxfouten. Controleer de uitvoer voor toepassing.

Gerelateerde workflow

CSS-minifierVerklein afgeronde stijlen voor release zodat ze licht blijven naast de andere assets. → BarcodegeneratorMaak de identificatiecode voor hetzelfde scherm of document als barcode. → Box-shadowgeneratorHoud schaduwwaarden voor kaarten en labels klaar bij de verkleinde CSS.