CSS minifier
Plak een stylesheet en krijg de kleinst mogelijke gelijkwaardige CSS, met precies hoeveel je bespaart.
Verzegeld op dit apparaat
Werkt in je browser. Er wordt niets geüpload.
Verzegeld
Verkleinde CSS
Je verkleinde CSS verschijnt hier terwijl je typt.
Zo werkt het
-
Plak je CSS
Plak een stylesheet of open een .css-bestand. Het verkleinen begint terwijl je typt.
-
Kies hoe ver je gaat
Regels samenvoegen geeft het kleinste bestand. Zet het uit als de volgorde van je regels precies moet blijven zoals je ze hebt geschreven.
-
Kopiëren of downloaden
Zie de grootte voor en na, inclusief gzip, en kopieer het resultaat of download een .min.css-bestand.
Veelgestelde vragen
Wordt mijn CSS geüpload?
Nee. Het verkleinen gebeurt in je browser met de opensource-engine CSSO. Je stylesheet verlaat je apparaat nooit.
Wat wordt er bij het minificeren verwijderd?
Witruimte, regeleinden, commentaar, de laatste puntkomma van elk blok en overbodige nullen en eenheden. Kleuren worden verkort, zo wordt #ff0000 bijvoorbeeld red, en dubbele declaraties worden weggelaten.
Wat doet ‘Regels samenvoegen en ordenen’?
Het combineert regels met dezelfde selectors of declaraties en verplaatst ze als dat veilig kan. Dat bespaart vaak de meeste bytes. Hangen je stijlen af van een ongebruikelijke cascadevolgorde? Zet het dan uit om de structuur te houden zoals je hem hebt geschreven.
Waarom /*!-commentaar behouden?
Commentaar dat begint met /*! bevat meestal een licentie- of copyrightvermelding die bij de code moet blijven. Al het andere commentaar wordt verwijderd.
Wat is de gzip-grootte?
Webservers comprimeren CSS meestal voordat ze het versturen. Het gzip-getal, gemeten in je browser, laat ongeveer zien hoeveel bytes echt over het netwerk gaan.