CSS Minifier Online
Verklein CSS, JavaScript, HTML of JSON in de browser: verwijder commentaar en witruimte, zie direct de bespaarde grootte.
Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.
Resultaat
Over dit hulpmiddel
Deze pagina opent de codeverkleiner met CSS vooraf geselecteerd. Plak een stylesheet, druk op de knop en u krijgt één compacte regel: commentaar verwijderd, witruimte samengevoegd rond accolades, dubbele punten, puntkomma's en komma's, en de overbodige laatste puntkomma voor elke sluitaccolade verwijderd.
CSS reageert erg goed op minificatie omdat opgemaakte stylesheets grotendeels uit inspringing en commentaar bestaan — typische besparingen liggen tussen 15% en 40% van de bestandsgrootte. Kleinere CSS betekent dat de browser sneller begint met renderen, omdat stylesheets render-blokkerende bronnen zijn: elke kilobyte die uit CSS wordt gehaald, verkort de tijd tot de eerste weergave op trage verbindingen.
De codeverkleiner is voorzichtig waar het telt: strings in content-eigenschappen en url()-waarden worden woordelijk gekopieerd, en spaties rond dubbele punten op selectorniveau blijven behouden zodat combinatoren zoals 'a :hover' hun betekenis houden. Het groottepaneel toont bytes voor en na plus het bespaarde percentage, en het resultaat kan met één klik worden gekopieerd of gedownload.