Minify / Beautify
Minify or beautify JavaScript, CSS, HTML, JSON, XML, and SQL with live formatting.
Free & unlimited
Mode
Language
Input
Output
function greet(name) {
console.log("hello, "+name);
return name.length;
}
69 B input·77 B output(+8 B · 11.6%)
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Paste your code
Enter or paste JavaScript, CSS, or HTML code into the input area.
- 2
Select the language
Choose JS, CSS, or HTML so the tool applies the correct parsing rules.
- 3
Choose an action
Click Minify to compress the code or Beautify to format it with proper indentation.
- 4
Copy the result
Copy the processed code from the output panel or download it as a file.
- Minifying removes whitespace, comments, and shortens variable names - always keep an un-minified copy of your source.
- Beautify is useful for reading minified third-party code or auto-formatting messy code.
- For production JavaScript, consider using a dedicated bundler (Webpack, esbuild) for more aggressive optimizations.
- CSS minification alone can reduce file sizes by 15-30% depending on how much whitespace and comments your stylesheets contain.
- Supports JavaScript, CSS, and HTML languages
- Minify mode removes whitespace, comments, and optimizes code
- Beautify mode applies consistent indentation and formatting
- Shows file size reduction percentage after minification
- Preserves important comments (/*! ... */) in minified output
- Minify JavaScript and CSS before deploying to production for faster page loads
- Beautify minified vendor code to understand or debug it
- Clean up inconsistently formatted HTML templates
- Reduce CSS file sizes for email templates with strict size limits
No. Minification only removes unnecessary whitespace, comments, and optionally shortens variable names. The functionality remains identical.
Typical savings are 20-40% for JavaScript and 15-30% for CSS. Results vary based on how much whitespace and comments exist in the original.
Compile TypeScript to JavaScript and SCSS to CSS first, then use this tool to minify the compiled output.