CSS Minifier / Beautifier
NewMinify CSS to reduce file size or beautify for readability — free, online, no signup. Browser-based CSS compression with no server upload. Shows savings percentage. Supports both minification and formatting.
About this tool
CSS minification removes all characters from a stylesheet that are not required by the browser: whitespace, newlines, comments, and redundant semicolons. Minified CSS loads faster because the file is smaller, reducing bandwidth and parse time—critical for page load performance and Core Web Vitals scores. The reverse—CSS beautification (also called formatting or prettifying)—adds consistent indentation and newlines back, making hand-written or minified stylesheets easier to read and edit. This tool does both, running entirely in your browser with no upload required.
How to use
- 1Paste your CSS into the input panel.
- 2Click "Minify" to compress — the output size and savings percentage are shown.
- 3Click "Beautify" to format with consistent indentation instead.
- 4Click "Copy" to copy the result to your clipboard.
Frequently asked questions
- How much smaller does CSS get after minification?
- Typical stylesheets shrink by 20–40%. Large frameworks like Bootstrap see reductions of 30–50% because they contain many comments and generous whitespace. This directly reduces the network payload and speeds up the first paint.
- Does minification change how the CSS works?
- No, if done correctly. Minification only removes whitespace and comments that browsers ignore anyway. It does not reorder rules, remove vendor prefixes, or alter any property values.
- Should I minify CSS by hand or use a build tool?
- For production, a build tool (Vite, webpack, or a dedicated tool like cssnano) is better because it can also merge duplicate rules and remove unused styles. This tool is ideal for quick checks, one-off minification, or understanding what a minifier produces without setting up a pipeline.
- What is the difference between minify and uglify?
- 'Minify' typically means whitespace removal. 'Uglify' usually refers to JavaScript and implies renaming identifiers to single letters in addition to whitespace removal. For CSS, there are no variable names to shorten, so the terms 'minify' and 'compress' are used interchangeably.