Minifier & Beautifier
Pick JavaScript or CSS, then minify it by stripping comments and collapsing whitespace, or beautify it with clean indentation. See the size savings instantly, all in your browser.
0 chars
0 chars
What minification does
Minifying removes everything that doesn't change how your code runs: comments, extra whitespace, and line breaks. The result is a single dense block that's smaller to download. Most production sites serve minified JavaScript and CSS to cut load times, and this tool shows you exactly how many bytes you're saving.
What beautifying does
Beautifying (or prettifying) is the opposite of minifying. It adds consistent indentation, line breaks, and spacing so the code is easy to read. Useful when you're debugging a minified production bundle or reviewing someone else's compressed code. Pick 2 or 4 spaces for indentation and get cleanly formatted output.
Safe by design
The CSS minifier reads your stylesheet character by character so it never touches anything inside quotes - selectors like [data-x="a b"], url() paths, and content strings stay exactly as written, and spaces that matter like calc(100% - 10px) or margin: 0 auto are kept. The JS minifier preserves strings, template literals, and regex literals the same way, so the output behaves like the input.