Free HTML Minifier
Shrink HTML in your browser: strip comments, collapse whitespace, tighten tags. Local, fast size stats — not a full HTML parser.
Sample markup
About HTML Minifier
Regex-based minifier: strips `<!-- -->` comments, collapses whitespace, tightens spaces near `<` and `>`. Not the `html-minifier` npm package.
How it works (technical)
Pipeline: `replace(/<!--[\s\S]*?-->/g,'')` → `replace(/\s+/g,' ')` → `replace(/>\s+</g,'><')` → trim spaces adjacent to angle brackets.
No DOM parse—`<pre>`, inline scripts, or unusual markup can behave unexpectedly; test output.
Before/after byte size from `Blob` length; no server upload.
When to use it
Whitespace audit
See how many bytes comments and spaces cost on a hand-written snippet.
Email HTML
Shrink inline templates where every byte counts.
Quick experiments
Compare against your framework’s minifier for simple pages.
How to Use HTML Minifier
- 1Paste your HTML code into the input area.
- 2Click the "Minify HTML" button to compress your code.
- 3View the size reduction statistics.
- 4Copy the minified output to use in your project.
Key Features
- Custom regex pipeline (see technical details)
- Original / minified bytes + percent saved
- Copy output
Benefits
- •Instant size readout
- •Runs fully client-side
- •One-click copy
Frequently Asked Questions
Will minifying HTML break my code?
No, HTML minification only removes unnecessary characters like extra whitespace and comments. The functionality and structure of your HTML remains intact.
How much can I reduce my HTML file size?
Typically, you can reduce HTML file size by 10-30% depending on how much whitespace and comments are in your original code.
Should I minify HTML for production?
Yes, minifying HTML is a best practice for production websites. It reduces file size and improves load times without affecting functionality.