← All tools/Minifiers/Code/HTML Minifier

HTML Minifier

Q: What about spaces inside or ?

Be careful there: this minifier collapses whitespace everywhere, including inside blocks where spaces matter. Do not use it on pages where preformatted text must stay exact.

Q: Are attributes changed?

No. Attribute names, values and quotes are copied exactly as written; only the whitespace around tags is touched.

Smaller HTML, in your browser — paste HTML in, minified HTML out, with bytes saved.

Your HTML

Paste HTML here. It is minified as you type, in your browser.

Size saved

—

Minified HTML

How it works

Minified = comments removed, whitespace collapsed,
spaces between > and < removed, spaces at the
start and end of text removed

Worked example: the sample minifies to <div class="card"><h2>Hello</h2><p>Welcome to WhiteUI.</p></div> — the comment is gone, the line breaks between tags are gone, and the spaces around “Hello” are gone, because they add nothing inside a heading.

Frequently asked questions

Is my HTML sent anywhere?

No. Everything runs in your browser. Nothing is uploaded, stored or logged.

Will minifying break my layout?

Not for ordinary HTML. Only comments and whitespace that browsers ignore are removed; the words on the page keep their single spaces, so sentences read exactly as before.

What about spaces inside

 or ?</h3><p>Be careful there: this minifier collapses whitespace everywhere, including inside <pre> blocks where spaces matter. Do not use it on pages where preformatted text must stay exact.</p><h3>Are attributes changed?</h3><p>No. Attribute names, values and quotes are copied exactly as written; only the whitespace around tags is touched.</p></div>
</section>
<div class="more"><h2>More tools</h2><div class="chips"><a class="chip" href="/minifiers/code/javascript-minifier/">JavaScript Minifier</a><a class="chip" href="/minifiers/code/html-minifier/">HTML Minifier</a><a class="chip" href="/minifiers/code/json-formatter/">JSON Formatter</a><a class="chip" href="/utilities/text/word-counter/">Word Counter</a><a class="chip" href="/utilities/text/character-counter/">Character Counter</a><a class="chip" href="/utilities/text/case-converter/">Case Converter</a><a class="chip" href="/calculators/physics/speed-calculator/">Speed Calculator</a><a class="chip" href="/calculators/physics/ohms-law-calculator/">Ohm's Law Calculator</a><a class="chip" href="/calculators/sports/cricket-run-rate-calculator/">Cricket Run Rate Calculator</a><a class="chip" href="/calculators/sports/cricket-net-run-rate-calculator/">Cricket Net Run Rate Calculator</a></div></div>

<section class="fb" aria-labelledby="fb-title">
  <h2 id="fb-title">Tell us what you think</h2>
  <p class="fb-lede">Loving this tool, or stuck on something? Tell us — it takes a minute.</p>
  <div class="seg" role="group" aria-label="What is this about?">
    <button type="button" id="fb-feedback" aria-pressed="true">Feedback on this tool</button>
    <button type="button" id="fb-request" aria-pressed="false">Request a new tool</button>
  </div>
  <form id="fb-form" action="https://docs.google.com/forms/d/e/1FAIpQLScOJoflC15Obcoj0ph9AbpLmCk9lbdKqiugBqvjiSeq9A44UQ/formResponse" method="post" target="fb-iframe">
    <input type="hidden" name="entry.395841030" id="fb-type" value="Feedback on this tool">
    <div class="fb-field"><label for="fb-name">Your name</label><input id="fb-name" name="entry.653654226" type="text" required autocomplete="name"></div>
    <div class="fb-field"><label for="fb-email">Your email</label><input id="fb-email" name="entry.1360511182" type="email" required autocomplete="email"></div>
    <div class="fb-field"><label id="fb-prompt" for="fb-message">What worked, what didn’t, or what confused you?</label><textarea id="fb-message" name="entry.446832830" rows="4" required>

We’ll only use your name and email to reply if needed. The tool and page are filled in for you.