• ARTICLE
  • STRING
  • CONVERTER
  • ENCRYPT
  • NETWORK
  • MORE
  • ARTICLE
    STRING
    CONVERTER
    ENCRYPT
    NETWORK
    MORE
logo Online Tools
Favorite Copy Link Share

CSS Beautify and Minify


Input

Output

Before : 1KB , After : 0.5KB , Saving : 50%
CSS Beautify and Minify-summary

CSS beautify tools and minify tools online provide one click CSS beautification function and one click CSS minimization compression function.

CSS Beautify and Minify-instructions
  1. Open : Open the local CSS file, and the supported file encoding is UTF-8.
  2. Beautify : Beautify / Format the input CSS style.
  3. Minify : Compress the input CSS style.
  4. Download : Download the output CSS style locally. The file name is style.css. The file encoding is UTF-8.
  5. CSS Minify Features :
    1. remove comments and unnecessary whitespace (but keep /*! ... */ which usually contains the license).
    2. remove trailing semicolons.
    3. optimize margin, padding and border-width number of sides.
    4. shorten numbers by removing unnecessary + and zeros and rewriting with/without exponent.
    5. remove dimension and percentage for zero values.
    6. remove quotes for font families and make lowercase.
    7. rewrite hex colors to/from color names, or to three digit hex.
    8. rewrite rgb(, rgba(, hsl( and hsla( colors to hex or name.
    9. use four digit hex for alpha values (transparent → #0000).
    10. replace normal and bold by numbers for font-weight and font.
    11. replace none → 0 for border, background and outline.
    12. lowercase all identifiers except classes, IDs and URLs to enhance gzip compression.
    13. shorten MS alpha function.
    14. rewrite data URIs with base64 or ASCII whichever is shorter.
    15. calls minifier for data URI mediatypes, thus you can compress embedded SVG files if you have that minifier attached.
    16. shorten aggregate declarations such as background and font.
0 comments