HTML Minifier

How to use this tool

1. Paste your HTML into the input box, or click Load sample to try it.
2. Click Run. The tool strips comments, removes whitespace between tags, and collapses internal runs of whitespace to a single space.
3. Read the savings. The status line shows the before and after byte counts and the percentage saved.
4. Click Copy output to put the minified HTML on your clipboard, then paste it into your file or build.
5. Nothing is stored. The transform runs on your device; close the tab and both input and output are gone.

What HTML minification removes

Minification shrinks a file by deleting bytes a browser ignores, without changing how the page renders. The three transforms this tool applies cover the bulk of the savings on typical hand-written markup.

Gzip or Brotli compression on the server then squeezes the result further, so minified HTML that looks only 25 percent smaller as plain text can shrink dramatically more once compressed and sent over the wire.

Worked example

Take a small, comment-laden snippet and trace what each pass does.

1. Input: an HTML block with a leading comment, indented tags, and double spaces inside a paragraph, about 120 characters.
2. Strip comments: the comment line vanishes, removing the marker and its text.
3. Remove inter-tag whitespace: the newlines and indentation between tags disappear, so the tags sit flush against each other.
4. Collapse whitespace: the double space inside the paragraph becomes a single space, preserving the visible text.
5. Output: roughly 75 characters, a saving near 35 percent, with identical rendering in the browser.

About this tool + how it works

This tool runs 100% in your browser - the libraries load from a public CDN and the math runs on your device. Nothing is uploaded to a server. The underlying logic is:

remove , replace >\s+< with ><, collapse \s+ to ' '

You can verify by opening the browser developer tools and watching the Network tab; you'll see no requests fired during normal use beyond the initial page and library load.

Real-world scenarios where this tool helps

What this tool does

• Performs the html minifier entirely in your browser - no upload, no API call.
• Loads the formatting / minifying library from a public CDN; library is cached after first use.
• Shows before / after byte count and a savings percentage.
• One-click Copy output and Load sample buttons.
• Works on phones, tablets, and desktops; loads in under a second.

What it does NOT do

• Does not store, log, or send your input anywhere.
• Does not require an account, an API key, or a paid plan.
• Does not validate or compile the code beyond what the formatter checks - syntax errors may produce unhelpful output.
• Does not preserve comments perfectly in every minifier (some minifiers strip them entirely).

Common mistakes and pitfalls

• Pasting code that depends on whitespace (Python, YAML) into a tool that collapses whitespace - that will break.
• Expecting a minifier to make broken code work - bad input gives bad output.
• Comparing the result to a paid tool that has extra optimization passes - this tool does the standard pass.
• Forgetting to click Copy output before navigating away - the output lives only in the page.

Frequently asked questions