CSS opmaken en minificeren
Maak CSS weer leesbaar, of pers het samen voor een snellere site.
Plak CSS, open een .css-bestand of sleep er een hierheen
Volgende: HTML-formatter · JavaScript-formatter
Een probleem met deze tool melden
Hoe gebruik je CSS-formatter
Plak je CSS
Plak een stylesheet, of open of sleep een .css-bestand hierheen. Het wordt opgemaakt terwijl je typt.
Opmaken of minificeren
Opmaken zet elke regel en eigenschap op een eigen regel. Minificeren verwijdert commentaar, spaties en alles wat browsers verder niet nodig hebben.
Kopieer of download
Kopieer het resultaat of download het als .css-bestand. Bij minificeren zie je de grootte voor en na.
Waarom kiezen voor Utils365
Slimmer dan spaties weghalen
De minifier kort ook kleuren als #ff0000 in tot red, laat eenheden bij nullen weg en verwijdert lege regels.
Je regels blijven op volgorde
Regels worden nooit samengevoegd of verplaatst, dus de cascade werkt precies zoals eerst en niets overschrijft ineens iets anders.
Licentiecommentaar blijft staan
Commentaar dat met /*! begint blijft in het geminificeerde bestand staan, zoals veel opensourcelicenties vereisen.
Privacy voorop
Je CSS wordt in je browser opgemaakt en nooit geüpload.
Veelgestelde vragen
Hoeveel kleiner wordt geminificeerde CSS?
Meestal 15–30%, meer als de stylesheet veel commentaar bevat. Het overzicht toont de exacte grootte voor en na en het bespaarde percentage.
Kan minificeren mijn styles kapotmaken?
Het is ontworpen om dat niet te doen. Waarden worden alleen herschreven op manieren die hetzelfde betekenen, en regels houden hun volgorde, dus welke regel wint verandert niet.
Hoe maak ik geminificeerde CSS weer leesbaar?
Plak de geminificeerde CSS en kies Opmaken. Elke regel en eigenschap komt op een eigen regel met de inspringing die je kiest. Verwijderd commentaar komt niet terug.
Werkt het met SCSS of Less?
Opmaken kan de meeste SCSS en Less aan, inclusief nesting. Minificeren verwacht gewone CSS, dus compileer je SCSS of Less eerst.