Overview
This HTML minifier compresses markup while keeping the document structure intact. It is useful when you need cleaner output for templates, static pages, snippets, or exported HTML that includes editor spacing. Because it runs in the browser, your code stays local while it is processed. You can review the minified result before copying it into a build, a CMS, or a page template, which makes it easier to catch spacing-sensitive sections and confirm whether comments should stay or go.
Use cases
- Deployment build outputShrink page markup before shipping a release so the final HTML is leaner and easier to transfer through build steps.
- Exported template cleanupRemove editor spacing and comment blocks from HTML exported by design tools, site builders, or generators.
- Static page publishingPrepare hand-written landing page HTML for upload when you want a tighter source file.
- Email template cleanupCompress HTML fragments used in transactional or marketing email templates where every character matters.
- Reviewing markup changesCompare how much whitespace and optional comments affect the size of a specific document or snippet.
How it works
- 1
Paste your HTML into the input field.
- 2
Choose whether comments should be removed.
- 3
Run minification to compress the markup.
- 4
Copy the minified HTML and use it in your project.
Examples
Collapse nested spacing
Input: <main> <article> <h2>About</h2> <p> Built for release </p> </article> </main>
Output: <main><article><h2>About</h2><p>Built for release</p></article></main>
Removes line breaks and repeated spaces while keeping the tag structure unchanged.
Keep content, drop comments
Input: <div class="card"> <!-- pricing block --> <strong>$19</strong> <span>per month</span> </div>
Output: <div class="card"><strong>$19</strong><span>per month</span></div>
Removes HTML comments when the comment option is enabled.
Trim repeated indentation in a list
Input: <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul>
Output: <ul><li>One</li><li>Two</li><li>Three</li></ul>
Useful for copied snippets that contain heavy indentation from an editor or formatter.
FAQ
Will this tool preserve my tags and attributes exactly?
It keeps the HTML structure intact, but it may normalize whitespace around text nodes and remove comments if you choose that option.
When should I avoid minifying a fragment?
Avoid it for content that depends on literal spacing inside text nodes, preformatted blocks, or markup where whitespace is part of the visible output.
Why does the output look different after minification?
The tool removes line breaks and compresses repeated spaces, so the source becomes denser even when the rendered page should remain the same.
Can comments be kept in the result?
Yes. If comment removal is disabled, the tool leaves HTML comments in place.