Minify and Beautify HTML, CSS, JS
Minify or beautify HTML, CSS and JS. Compression and pretty-printing in one tool.
HTML
CSS
JS
Minify
Beautify
HTML
Result
<!doctype html><html><head><title>IConverter</title></head><body><p class="hello">Hello, world!</p></body></html>
The tool works in two modes: minify strips whitespace, line breaks and comments to shrink a file before shipping it to production, which speeds up page load. Beautify does the opposite, adding indentation and line breaks back so minified or unfamiliar code becomes readable.
Three languages are supported: HTML, CSS and JavaScript. JS minification uses the same engine found in popular bundlers (Terser), CSS uses CSSO, and HTML uses html-minifier-terser, which also minifies inline <style> and <script> blocks.
All processing happens in your browser — nothing is sent to a server, which is convenient for private or unpublished code.
Frequently asked questions
It depends on the source: minification typically saves 20-60% by removing whitespace, comments and (for JS) shortening variable names. Already-compact code sees less benefit.
In rare cases, aggressive optimizations can affect code that relies on non-standard behavior (e.g. reading a function's source via toString()). For ordinary code minification is safe, but it's always worth checking the result before shipping to production.
No, all transformations run locally in the browser via JavaScript.