TXT · Text & Data tools

CSS Minifier & Beautifier

Preset
Input CSS
Output CSS
LoadingWorker0Saved bytes0.0%Smaller0Input bytes0Output bytes0Input lines0Output lines

Minification & formatting

Choose Minify to compress CSS for production. You can configure target presets to optimize syntax based on browser support, and choose whether to preserve /*! license comments. The engine attempts error recovery for slightly malformed input when enabled.

Choose Beautify to format minified or messy CSS into readable code. You can set the indentation style (spaces or tabs) and choose a wrap width.

Input options

Paste CSS directly into the editor or open a .css file from your device. The tool processes the content instantly. You can quickly feed the output back into the input using the Use output button to chain minification and formatting steps.

Engine stats & warnings

The stats panel tracks file size, line counts, and the exact byte reduction percentage. If the parser detects questionable syntax or recoverable errors in your CSS, it flags them as warnings so you can review potential compatibility issues.

Frequently Asked Questions

This tool can both minify and beautify CSS. In Minify mode, it compresses CSS, removes unnecessary bytes, and can target different browser support levels. In Beautify mode, it formats CSS into a cleaner, easier-to-read structure.

Yes. You can paste raw CSS directly into the editor or open a local.css file. The tool processes the content instantly and shows the result in the output panel.

Target presets let the minifier choose how aggressively to optimize or transform CSS syntax based on browser support assumptions. Modern targets preserve more modern syntax, while broader or legacy targets aim for wider compatibility.

It preserves license-style CSS comments that begin with /*! when minifying. This is useful when you need to keep copyright, license, or attribution comments in the final output.

It allows the minifier to recover from certain syntax issues instead of failing immediately. This can help when working with messy or partially broken CSS, though serious errors may still need to be fixed manually.

Yes. In Beautify mode, you can format CSS with 2 spaces, 4 spaces, or tabs, and choose a wrap width for cleaner line breaks and more readable code.

Explore Our Tools

Browse all tools