HTML Minifier

About HTML minifier

The HTML minifier strips comments and redundant whitespace from markup so the file is smaller to ship. You paste a page or snippet, pick which of five clean-up passes to apply, and get the compact version along with a before-and-after byte count. It suits hand-written static pages, email templates and embed snippets where setting up a build pipeline would be overkill.

How to use it

1. Paste your markup into the Original HTML box; a live byte count appears above it.
2. Under Minification Options, tick or clear Remove Comments, Remove Whitespace, Collapse Whitespace, Remove Empty Attributes and Remove Optional Tags. The first four start checked and Remove Optional Tags starts cleared.
3. Click Minify HTML.
4. Read the summary card for Original Size, Minified Size, Saved and Reduction as a percentage.
5. Copy the result from the Minified HTML box with its copy button.

Comments, blank space and an empty attribute removed

<div class="card">
  <!-- heading -->
  <h1 id="">  Hello   world </h1>
  <p>Some   text</p>
</div>

<div class="card"><h1> Hello world </h1><p>Some text</p></div>

When to use it

• Trimming a hand-written landing page before uploading it to static hosting.
• Shrinking an HTML email template that has to stay under a mail platform's size limit.
• Fitting a snippet into a CMS field or widget embed that caps the number of characters.
• Measuring how many bytes indentation and comments cost before deciding whether to add a build step.

Questions about HTML minifier

Which option is the riskiest to leave on?

Remove Optional Tags. It deletes closing tags for li, dt, dd, p and option, which HTML5 allows, but XML-based tooling and some email clients handle the result badly. That is why it starts unchecked.

Does it leave pre and textarea blocks alone?

No. The passes are pattern-based and run over the whole document, so line breaks inside pre, textarea and inline script blocks get collapsed as well. Review those sections in the output.

Will it also compress my inline CSS and JavaScript?

Only at the whitespace level. Style and script contents are not parsed, so use the dedicated CSS and JS minifiers on that code first and then paste the shortened result back into the page.

What happens to conditional comments for old Internet Explorer?

They are ordinary comments as far as this tool is concerned, so Remove Comments deletes them along with everything else. Clear that checkbox if you still target those browsers.

Why does a space remain around the words in my heading?

Only whitespace sitting between a closing bracket and the next opening bracket is deleted. Spaces next to text are shortened to a single space, because removing them could glue two words together.

Related tools

• CSS minifierMinify your CSS by removing all the unnecessary characters.
• JS minifierMinify your JS by removing all the unnecessary characters.
• HTML entity converterEncode or decode HTML entities for any given input.
• BBCode to HTMLConvert forum type bbcode snippets to raw HTML code.
• Markdown to HTMLConvert markdown snippets to raw HTML code.
• HTML tags removerEasily remove all HTML tags from a block of text.