HTML Minifier

Compress HTML by removing comments, collapsing whitespace, and optimizing attributes to reduce file size.

Options

Remove commentsCollapse whitespaceRemove optional tags

Original: 953 BMinified: 714 BSavings: 25.1%

Input HTML

Minified HTML

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Sample Page</title> <style>
    body {
      font-family: sans-serif;
      margin: 0;
      padding: 20px;
    }
  </style> </head><body><header><h1>Welcome to My Website</h1><nav><ul><li><a href="/">Home</a></li><li><a href="/about">About</a></li><li><a href="/contact">Contact</a></li></ul></nav></header><main><section><h2>Latest Articles</h2><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p></section></main><footer><p>&copy; 2024 My Website. All rights reserved.</p></footer></body></html>

About HTML Minifier

HTML Minifier is a free online tool that compresses HTML code by removing comments, collapsing whitespace, and removing unnecessary attributes. Minified HTML reduces page load time and improves overall website performance.

All processing happens entirely in your browser using regex-based compression. No data is sent to any server, ensuring complete privacy for your HTML documents.

How to Use

Paste HTML — Enter or paste your HTML code in the input area.
Configure options — Toggle compression options using the checkboxes (remove comments, collapse whitespace, remove optional tags).
Copy or download — Use the copy or download button to save the minified output.

Frequently Asked Questions

Q: Does minification affect my embedded scripts or styles?

Inline <script> and <style> content is preserved as-is. The minifier only collapses whitespace in the surrounding HTML markup. For dedicated CSS or JavaScript minification, use the CSS Minifier or JS Minifier tools.

Q: Will minification break my HTML?

No. The minifier only removes non-essential whitespace and comments. The structure and behavior of your HTML remains unchanged.

Q: Does it handle inline CSS and JavaScript?

The tool preserves inline styles and scripts while collapsing surrounding HTML whitespace. For dedicated CSS/JS minification, use specialized tools.

Q: What are optional tags?

Some HTML tags like closing </p>, </li>, </td> are optional per the HTML specification. Removing them can save a few extra bytes.

Q: How much size reduction can I expect?

Typical reduction ranges from 10% to 40% depending on comments, whitespace, and formatting in the original HTML.

Related Tools

Regex Tester

Test and debug regular expressions with real-time matching and highlighting.

Markdown Preview

Write Markdown and see the rendered HTML preview in real-time.

Number Base Converter

Convert numbers between Binary, Octal, Decimal, and Hexadecimal formats.

SQL Formatter

Format and beautify SQL queries with keyword uppercasing and indentation.

CSS Minifier

Compress CSS by removing comments, whitespace, and unnecessary semicolons.

JSON Schema Validator

Validate JSON data against JSON Schema Draft-07 with detailed error reporting.

Code Diff Viewer

Compare two code snippets with line-by-line diff and color-coded highlighting.

Chmod Calculator

Convert between numeric and symbolic Unix file permissions with presets.

Markdown to HTML

Convert Markdown to clean HTML with GFM support and live preview.

HTML to Markdown

Convert HTML tags to clean Markdown syntax with GFM table support.

JavaScript Minifier

Compress JavaScript by removing comments, whitespace, and unnecessary characters.

cURL to Code

Convert cURL commands to JavaScript, Python, Go, and PHP code instantly.

CSS Optimization: Minification, Best Practices, and Performance Tips10 min read SVG Optimization for Web Performance: Tips and Techniques11 min read JavaScript Minification and Bundling: A Performance Optimization Guide12 min read

Introduction

HTML Minifier collapses runs of whitespace, removes comments, and drops the extra characters that a browser ignores when parsing a document. The resulting markup sits on fewer lines and ships in fewer bytes while rendering the same page a visitor would have seen from the original source.

Static HTML is the first thing a browser fetches, so every byte saved here shows up directly in Time to First Byte and Largest Contentful Paint. For a blog post, a landing page, or an email template, 20–40% size reduction is common after minifying, and the compressed version layers cleanly on top of gzip or brotli at the server.

Everything happens in the browser. No upload, no server processing, no data leaves your machine — which matters for internal templates and anything that references private URLs, customer data, or branded assets you do not want crawled.

How to Use

Paste your HTML markup into the input area.
Toggle the options you need — remove comments, collapse whitespace, drop optional closing tags — to match the compression level your workflow allows.
Review the output pane. Text content inside <pre> and<textarea> is preserved so visible formatting does not change.
Compare before/after byte counts to confirm the reduction is worth the swap.
Copy the result to the clipboard or download it as a .html file ready to drop into production.

Examples

Three inputs showing the effect on a small marketing snippet, a form with inline attributes, and a longer article body.

Example 1: Small marketing snippet

Comments disappear and the indentation collapses, yet the visible text keeps the same single space between words.

Input

<!-- hero banner -->
<section class="hero">
  <h1>Ship faster today</h1>
  <p>
    Free tools that run in your browser.
  </p>
</section>

Output

<section class="hero"><h1>Ship faster today</h1><p>Free tools that run in your browser.</p></section>

Example 2: Form with inline attributes

Attribute quoting and values stay exactly the same, and the whitespace between attribute names is trimmed to a single space.

Input

<form method="post" action="/subscribe">
  <label for="email">Email</label>
  <input
    id="email"
    name="email"
    type="email"
    required
  />
  <button type="submit">Join</button>
</form>

Output

<form method="post" action="/subscribe"><label for="email">Email</label><input id="email" name="email" type="email" required><button type="submit">Join</button></form>

Example 3: Blog article body

Paragraph tags condense, lists keep their structure, and block-level elements keep their boundaries — readers see the same layout, your bundle just arrives faster.

Input

<article>
  <h2>Release notes</h2>
  <p>
    Version 2.4 adds the following improvements:
  </p>
  <ul>
    <li>Faster first render</li>
    <li>Smaller HTML payload</li>
    <li>Better caching</li>
  </ul>
</article>

Output

<article><h2>Release notes</h2><p>Version 2.4 adds the following improvements:</p><ul><li>Faster first render</li><li>Smaller HTML payload</li><li>Better caching</li></ul></article>

Target language details

Version assumptions and style choices baked into the generated output. If your runtime is older, you may need to adjust syntax (e.g. drop optional chaining, use `var` instead of `const`).

Language	Version	Output style
JavaScript	ES2017+; works in all evergreen browsers and Node 16+	Functional + async; generated output uses fetch / async-await.

Key Features

Removes HTML comments including multi-line  blocks.
Collapses runs of whitespace between tags into either a single space or nothing, depending on the surrounding context.
Optionally drops optional closing tags (</p>,</li>, </td>) per the HTML5 spec.
Preserves content inside <pre>, <textarea>,<script>, and <style> so code blocks and user-visible formatting stay intact.
Keeps Unicode text, emoji, and CJK characters exactly as typed — no escape substitution.
Surfaces a size comparison between original and minified output for quick sanity checks.

Frequently Asked Questions

Will minifying break inline scripts or styles?

No. Content inside <script> and <style> is treated as an opaque region and copied to the output byte-for-byte. For dedicated CSS or JavaScript compression, send those blocks through the CSS Minifier and JavaScript Minifier tools separately.

What happens to attributes like disabled or required?

Boolean attributes are preserved exactly as written — the minifier does not add explicit ="" values, and it does not remove quoting from attribute values that contain characters where quotes are required. That keeps the output safe for strict parsers.

How does minification interact with templating engines?

Template placeholders like {{ user.name }} or<%= value %> are treated as ordinary text and pass through unchanged. Run minification on the final rendered HTML if you want the tightest output, or keep templates as-is and let your framework render them at request time.

Is whitespace inside <pre> preserved?

Yes. <pre> and <textarea> have whitespace-sensitive rendering, so everything between their tags is copied verbatim — including the line breaks. This keeps code samples and form defaults visually identical after minification.

How much size reduction should I expect?

Hand-authored HTML with generous indentation and comments typically shrinks by 20–40%. Static-site output that is already fairly compact may only gain 5–10%. Combining minification with HTTP compression always yields more than either step alone.

HTML Minifier

Compress HTML by removing comments, collapsing whitespace, and optimizing attributes to reduce file size.

Options

Remove commentsCollapse whitespaceRemove optional tags

Original: 953 BMinified: 714 BSavings: 25.1%

Input HTML

Minified HTML

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Sample Page</title> <style>
    body {
      font-family: sans-serif;
      margin: 0;
      padding: 20px;
    }
  </style> </head><body><header><h1>Welcome to My Website</h1><nav><ul><li><a href="/">Home</a></li><li><a href="/about">About</a></li><li><a href="/contact">Contact</a></li></ul></nav></header><main><section><h2>Latest Articles</h2><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p></section></main><footer><p>&copy; 2024 My Website. All rights reserved.</p></footer></body></html>

About HTML Minifier

All processing happens entirely in your browser using regex-based compression. No data is sent to any server, ensuring complete privacy for your HTML documents.

How to Use

Paste HTML — Enter or paste your HTML code in the input area.
Configure options — Toggle compression options using the checkboxes (remove comments, collapse whitespace, remove optional tags).
Copy or download — Use the copy or download button to save the minified output.

Frequently Asked Questions

Q: Does minification affect my embedded scripts or styles?

Q: Will minification break my HTML?

No. The minifier only removes non-essential whitespace and comments. The structure and behavior of your HTML remains unchanged.

Q: Does it handle inline CSS and JavaScript?

The tool preserves inline styles and scripts while collapsing surrounding HTML whitespace. For dedicated CSS/JS minification, use specialized tools.

Q: What are optional tags?

Some HTML tags like closing </p>, </li>, </td> are optional per the HTML specification. Removing them can save a few extra bytes.

Q: How much size reduction can I expect?

Typical reduction ranges from 10% to 40% depending on comments, whitespace, and formatting in the original HTML.

Related Tools

Regex Tester

Test and debug regular expressions with real-time matching and highlighting.

Markdown Preview

Write Markdown and see the rendered HTML preview in real-time.

Number Base Converter

Convert numbers between Binary, Octal, Decimal, and Hexadecimal formats.

SQL Formatter

Format and beautify SQL queries with keyword uppercasing and indentation.

CSS Minifier

Compress CSS by removing comments, whitespace, and unnecessary semicolons.

JSON Schema Validator

Validate JSON data against JSON Schema Draft-07 with detailed error reporting.

Code Diff Viewer

Compare two code snippets with line-by-line diff and color-coded highlighting.

Chmod Calculator

Convert between numeric and symbolic Unix file permissions with presets.

Markdown to HTML

Convert Markdown to clean HTML with GFM support and live preview.

HTML to Markdown

Convert HTML tags to clean Markdown syntax with GFM table support.

JavaScript Minifier

Compress JavaScript by removing comments, whitespace, and unnecessary characters.

cURL to Code

Convert cURL commands to JavaScript, Python, Go, and PHP code instantly.

Introduction

How to Use

Paste your HTML markup into the input area.
Toggle the options you need — remove comments, collapse whitespace, drop optional closing tags — to match the compression level your workflow allows.
Review the output pane. Text content inside <pre> and<textarea> is preserved so visible formatting does not change.
Compare before/after byte counts to confirm the reduction is worth the swap.
Copy the result to the clipboard or download it as a .html file ready to drop into production.

Examples

Three inputs showing the effect on a small marketing snippet, a form with inline attributes, and a longer article body.

Example 1: Small marketing snippet

Comments disappear and the indentation collapses, yet the visible text keeps the same single space between words.

Input

<!-- hero banner -->
<section class="hero">
  <h1>Ship faster today</h1>
  <p>
    Free tools that run in your browser.
  </p>
</section>

Output

<section class="hero"><h1>Ship faster today</h1><p>Free tools that run in your browser.</p></section>

Example 2: Form with inline attributes

Attribute quoting and values stay exactly the same, and the whitespace between attribute names is trimmed to a single space.

Input

<form method="post" action="/subscribe">
  <label for="email">Email</label>
  <input
    id="email"
    name="email"
    type="email"
    required
  />
  <button type="submit">Join</button>
</form>

Output

<form method="post" action="/subscribe"><label for="email">Email</label><input id="email" name="email" type="email" required><button type="submit">Join</button></form>

Example 3: Blog article body

Paragraph tags condense, lists keep their structure, and block-level elements keep their boundaries — readers see the same layout, your bundle just arrives faster.

Input

<article>
  <h2>Release notes</h2>
  <p>
    Version 2.4 adds the following improvements:
  </p>
  <ul>
    <li>Faster first render</li>
    <li>Smaller HTML payload</li>
    <li>Better caching</li>
  </ul>
</article>

Output

<article><h2>Release notes</h2><p>Version 2.4 adds the following improvements:</p><ul><li>Faster first render</li><li>Smaller HTML payload</li><li>Better caching</li></ul></article>

Target language details

Version assumptions and style choices baked into the generated output. If your runtime is older, you may need to adjust syntax (e.g. drop optional chaining, use `var` instead of `const`).

Language	Version	Output style
JavaScript	ES2017+; works in all evergreen browsers and Node 16+	Functional + async; generated output uses fetch / async-await.

Key Features

Removes HTML comments including multi-line  blocks.
Collapses runs of whitespace between tags into either a single space or nothing, depending on the surrounding context.
Optionally drops optional closing tags (</p>,</li>, </td>) per the HTML5 spec.
Preserves content inside <pre>, <textarea>,<script>, and <style> so code blocks and user-visible formatting stay intact.
Keeps Unicode text, emoji, and CJK characters exactly as typed — no escape substitution.
Surfaces a size comparison between original and minified output for quick sanity checks.

Frequently Asked Questions

Will minifying break inline scripts or styles?

What happens to attributes like disabled or required?

How does minification interact with templating engines?

Is whitespace inside <pre> preserved?

How much size reduction should I expect?