CSS Minifier

0 characters

Copy Code

0 characters

Shades

Try our other apps

Emoji Search Favicon Generator
Coffee cup

100% Free, No Ads

This app is free, and you're welcome to donate with Buy Me a Coffee.
Donations go towards coffee to fuel creativity for future app design, development, and for costs like web hosting, etc. Cheers! 😀

BuyMeACoffee Button

How it works

  1. Paste in your CSS code
  2. The app will remove comments, reduce whitespace and find shorthand conversions
  3. Copy the new CSS code to implement on your site

Why minify your CSS?

Every second counts. Your web page will load faster if the css file is smaller. The output is the same visually, but the page loads quicker.

Best practice tips

Minified CSS is not easily read by humans. We like line returns and comments.

You can save a version of your .css file and name it something like 'styles-unmin.css' to represent the unminfied version. You can then edit this version, come back to this page and generate new minified css to apply in your 'styles.css' file. Then just reference the smaller styles.css file from your webpage, and keep the unminified version available for future edits.