LxC Minify tools give any users easy one click CSS and JS compression. Just copy and paste your code into our online CSS compression tool form box, click submit, and within seconds you will have the same fully functioning CSS code. Just dramatically shrunk in bytes size.

We have tools for the casual programmer, whom hardly ever changes their CSS and JS code; and tools that minify JS and CSS in real-time for those that are constantly changing their CSS and Javascript. Our compression tools are simple enough for the naive beginner coder, yet advanced enough for the most hardcore power user.

What CSS Compression Does?

• Compression Technique
• Before
• After

• Removes all comments.
• /* comment */
• (No content)

• Removes all extra indenting, spaces, and line breaks. This drastically changes the file size.
• p {
    margin : 13px 0;
  }
• p{margin:13px 0}

• Removes last semi-colons before closing brackets.
• p {
    border: none;
    color: #000;
  }
• p{border:0;color:#000}

• Removes empty style blocks.
• div { ; }
  pre { }
  p {
    /* border: none; */
  }
• (No content)

• Rearranges styles for margin, padding, and border-width.
• margin: 4px 4px 4px 4px;
  padding: 11px 2px 6px 2px;
• margin:4px;
  padding:11px 2px 6px;

• Removes unnecessary, extra decimals.
• margin: 14.0px;
• margin:14px;

• Removes leading zeros.
• margin: 0.80em;
  width: 0100px;
• margin:.8em;
  width:100px;

• Fixes negative padding values.
• padding: -0.5em;
• padding:.5em;

• Removes unnecessary positive number indicators ("+").
• margin: +19px;
• margin:19px;

• Removes quote characters from url() values.
• background: url("logo.jpg");
• background:url(logo.jpg);

• Removes units on zero lengths/widths/size. px, em, % etc...
• margin: 0px;
• margin:0;

• Further reduces colors by determining if it takes fewer characters to specify a color by name or by hex digits.
• color: black;
  color: #d2b48c;
• color:#000;
  color:tan;

• Changes rgb() color values to 6-digit hex codes, 3-digit hex codes, or a color name, whichever is the shortest length.
• color: rgb(62, 108, 155);
  color: rgb(100%,98%,98%);
• color:#3e6c9b;
  color:snow;

• Changes font weights to numeric values
• font-weight: normal;
  font-weight: bold;
• font-weight:400;
  font-weight:700;

• Changes background, border and outline none values to 0.
• border: none;
  background: none;
  outline: none;
• border:0;
  background:0;
  outline:0;

• Converts almost all text to lower-case. Exceptions are URLs, ID and class name selectors, font family names, and attribute selectors. Some browsers treat these parts in a case-sensistive manner.
• #Div1 DIV.Class[Class=Class] {
   FONT-FAMILY: Arial;
    COLOR: #FF1934;
    BACKGROUND: URL(/bgImage.PNG);
  }
• #Div1 div.Class[class=Class]{
  font-family:Arial;color:#ff1934;
  background:url(/bgImage.PNG)}

• Removes any spaces before !important.
• width: 10px !important;
• width:10px!important;

• Combines background values and creates a shorter style for the background.
• background-color:#000; background-image:url("background.jpg"); background-repeat:repeat-x;
• background:#000 url("background.jpg") repeat-x;

• Combines font values and creates a shorter style for the font. Uses the proper order font:font-style | font-variant | font-weight | font-size | line-height | font-family
• font-size:1.4em; font-family:"Times New Roman"; line-height:1em; font-weight:bold; font-style:italic;
• font:italic 700 1.4em/1em "Times New Roman"

• Changes 6-digit hex color codes to 3-digits whenever possible.
• color: #11aa22;
• color:#1a2;