HTML Minifier — Compress HTML Online for Smaller Page Size

What is HTML Minifier?

HTML minification is the process of removing every byte from a page that doesn't affect what the browser renders. That means stripping HTML comments (except conditional comments), collapsing runs of whitespace to a single space (or nothing between block-level tags), removing optional attribute quotes when values are unambiguous, and eliminating the self-closing slash on void elements like <br /> and <img />. On modern sites, HTML minification typically saves 15–35% on hand-written pages and 40%+ on framework-generated output — savings that add up quickly when combined with gzip / brotli compression, cache-friendly headers, and modern CDN delivery. Every major static site generator (Astro, Next.js, Hugo, Eleventy) minifies HTML in production; this tool lets you inspect exactly what a minifier would output before wiring one into your build pipeline.

How to minify HTML online

1. 1Paste your HTML into the input pane.
2. 2Adjust options: remove comments (default on), collapse whitespace (default on), remove void-element slashes (default on), remove attribute quotes (opt-in — more aggressive).
3. 3The output pane shows the minified HTML; the header reports original size, minified size, and % saved.
4. 4Copy the output and use it as your build artifact — or wire this same logic into your pipeline.

Use Cases

Key Concepts

Void element

An HTML element that cannot have content and doesn't need a closing tag: area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr. The self-closing slash <br /> is optional in HTML5.

Preformatted element

Elements whose whitespace is preserved by the browser: <pre>, <textarea>, and (functionally) <script> and <style>. Minifiers must leave their contents alone.

Tips & Best Practices

• ▸Never minify inside <pre>, <textarea>, <script>, or <style> — whitespace inside those is meaningful. This tool preserves them automatically.
• ▸Keep IE conditional comments (<!--[if IE]> ... <![endif]-->) — they're meaningful markup for legacy IE support, not just comments.
• ▸'Remove attribute quotes' is the most aggressive option — it saves a few bytes per attribute but reduces readability. Skip it unless every byte matters.
• ▸For maximum production savings, combine minification with gzip / brotli on the wire — order-of-magnitude effects, not additive.