Web v. 1.3
Minify your CSS with MCompress
Beta 2.4.8
Input:
@import url("tvstyle.css") tv,print; /* Some comment */ @font-face { font-family: myfont; src: url("fontfile.ttf"); } body { color: darkorange; background-color: rgba(100%,50%,10%,1); padding-top: 10px; padding-left: 20px; padding-right: 30px; padding-bottom: 20px; } body { background-image: url('image.png'); } #logo { background-image: url("./image(5).png"); margin: 10px; margin-right: 20px; margin-left: 20px; } .c1 { color: hsl(120,100%,50%); } .c2 { color: #000000; font-weight: normal; background-color: hsla(120,100%,50%,0.5); } input[name="test"] { padding:0px; } input[name="something else"] { font-weight: bold; } p:after { content: ' \'\'\'\'\'\'\' '; } @media screen { p { font-family:verdana,sans-serif; font-size:14px; } p { color:red; } }
Output:
@import'tvstyle.css'tv,print;@font-face{font-family:myfont;src:url(fontfile.ttf)}body{color:#FF8C00;background-color:#FF801A;background-image:url(image.png);padding:10px 30px 20px 20px}#logo{background-image:url('image(5).png');margin:10px 20px}.c1{color:#0F0}.c2{color:#000;font-weight:400;background-color:rgba(0,255,0,.5)}input[name=test]{padding:0}input[name='something else']{font-weight:700}p:after{content:" ''''''' "}@media screen{p{font-family:verdana,sans-serif;font-size:14px;color:red}}
Original size
889B
Output size
508B
Savings
381B (42.86%)
Format output
Maximum compression + show stats
Contact & errors reporting:
here
.
TODO:
merge colors & don't replace rgba with #ffaacc
merge complex values