Zo werkt het
- Plak je CSS in het invoerveld.
- Vink Commentaar verwijderen en Laatste puntkomma verwijderen aan om commentaar en afsluitende puntkomma’s te verwijderen.
- Vink desgewenst Waarden inkorten aan voor kortere hexkleuren en getallen.
- Gebruik bij invoer boven 200 KB Ctrl+Enter of Cmd+Enter om te minificeren; kleinere invoer wordt automatisch verwerkt.
- Kopieer het resultaat uit het uitvoerveld.
Voorbeelden
Licentietekst behouden, werkcommentaar verwijderen
Invoer
/*! MIT */
/* Stijlen voor de winkelwagen */
.winkelwagen {
padding: 16px;
background: #ffffff;
}
Uitvoer
/*! MIT */
.winkelwagen{padding:16px;background:#ffffff}Waarden inkorten met behoud van flex-basis
Invoer
.productkaart {
color: #FFFFFF;
margin: 0px 0.50em 10.0px;
opacity: 0.80;
flex: 1 1 0px;
}
Uitvoer
.productkaart{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px}Puntkomma’s behouden bij een mediaquery
Invoer
@media screen and ( min-width : 768px ) {
.nieuwsbrief > .inhoud {
width: calc(100% - 32px);
padding: 16px;
}
}
Uitvoer
@media screen and (min-width:768px){.nieuwsbrief>.inhoud{width:calc(100% - 32px);padding:16px;}}Tips
- Weer leesbare CSS nodig? Formatteer de CSS.
- Minificeer ook je HTML.
Veelgestelde vragen
Blijven calc() en CSS-variabelen intact?
De benodigde spaties rond operatoren in calc(), min(), max() en clamp() blijven behouden. Waarden van CSS-variabelen blijven ongewijzigd, behalve dat witruimte aan het begin en einde wordt verwijderd.
Worden dubbele CSS-regels samengevoegd?
Dubbele selectors worden niet samengevoegd. De volgorde van regels en declaraties blijft behouden, ook bij herhaalde declaraties voor fallbacks.
Wordt mijn CSS naar een server verstuurd?
De minificatie gebeurt in je browser; de tool verstuurt je CSS niet. Alleen je optie-instellingen worden opgeslagen. De pagina verstuurt wel gebruiksgebeurtenissen naar Google Analytics, zonder CSS.
Welke bestanden kan ik uploaden?
Je kunt .css- en .txt-bestanden uploaden tot en met 10 MB. Splits grotere bestanden voordat je ze minificeert.