CSS-verkleiner
Verklein CSS door opmerkingen en witruimte te verwijderen zonder uw waarden aan te tasten.
CSS-verkleiner
Plak een stylesheet en deze tool retourneert een compacte versie waarin de opmerkingen zijn verwijderd, de witruimte is samengevouwen en de laatste puntkomma van elk blok is verwijderd. Gebruik het om bytes van een stylesheet te verwijderen voordat het wordt verzonden, om kritische CSS in een paginakop te inline, om stijlen in een HTML-e-mailsjabloon te persen, of gewoon om te zien hoeveel van uw bestand wordt geformatteerd - de telling onder de uitvoer toont het aantal bytes en het opgeslagen percentage.
De minifier ontleedt je CSS in plaats van tekst blindelings te vervangen, zodat de lastige delen intact blijven: letterlijke tekenreeksen behouden elk teken, calc()-expressies behouden de spaties rond hun operatoren, url()-waarden worden onaangeroerd gekopieerd en een afstammelingselector zoals "a :hover" wordt nooit samengevoegd tot "a:hover". Wat het doelbewust niet doet, is uw waarden herschrijven; kleuren, eenheden en afkortingen komen er precies zo uit als u ze heeft opgeschreven. Het is een eerlijke minifier voor witruimte en commentaar, geen optimizer die regels herstructureert.
Er zijn twee opties om de uitvoer af te stemmen. "Keep /*! commentaren" bewaart commentaren die beginnen met /*!, de conventie voor licentiebanners die de verkleining moeten overleven - schakel dit uit om ze te laten vallen zoals elk ander commentaar. "Eén regel per regel" zendt een nieuwe regel uit na elke regel op het hoogste niveau, waardoor het resultaat diff-vriendelijk en gemakkelijker te scannen blijft dan één lange regel.
Alles draait in uw browser. Uw CSS wordt nooit geüpload, dus eigen stylesheets en niet-uitgebrachte ontwerpen blijven op uw apparaat staan.