HTML Minifier

Minify HTML by removing comments and unneeded whitespace and compressing inline CSS, then see how much smaller it got.

OptionsRemove commentsConditional comments for old Internet Explorer stay.Collapse whitespaceRuns of spaces and line breaks become one space; <pre> and <textarea> are left alone.Minify inline CSSIn <style> blocks and style="…" attributes.Remove attribute quotesclass="a" becomes class=a where valid. Skip it if the HTML is read as XML.

HTML

Minified HTML

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>My page</title><style>.hero{color :#ffffff;padding :24px 16px}.hero h1{margin :0}</style></head><body class="home page"><section class="hero"><h1>Hello, <b>world</b>!</h1><p>Whitespace between words is squeezed down to one space, but the space between <em>inline</em> <strong>elements</strong> stays.</p></section><pre>
  Preformatted   text is left exactly
      as it was written.
    </pre></body></html>

Original: 707 B
Minified: 473 B
Saved: 33%