TOOLS · HTML MINIFIER
Strip the whitespace, keep the page.
Removes comments and the indentation whitespace between tags. Content inside <pre>, <textarea>, <script>, and <style> is left completely untouched. One thing worth knowing: removing whitespace between inline elements (like two <span> tags next to each other) can close up a visible gap — check the rendered result if that applies to you.
Why Minify HTML?
HTML written for editing has a lot of structural whitespace — indentation, blank lines between sections, comments left in from development. None of that changes what a browser renders, but it does add to the size of every page load. Minifying strips it out, trimming the file down to just what's needed to render correctly.
What This Tool Protects
Content inside <script>, <style>, <pre>, and <textarea> tags is left completely untouched, since whitespace inside those actually matters — a <pre> block is meant to preserve formatting, and mangling JavaScript or CSS whitespace could break it. One thing worth knowing: collapsing the whitespace between two inline elements sitting next to each other (like two <span> tags) can visually close up a gap that was there before, since browsers render that whitespace as a real space character. Worth a quick visual check if that applies to your markup.
Common Uses
- Shrinking a static HTML page before deploying it, without a build tool in the pipeline.
- Cleaning up HTML exported from a design tool or CMS before reusing it elsewhere.
- Quickly stripping comments and formatting from HTML you're about to paste somewhere size-constrained.
Frequently Asked Questions
Will this break inline JavaScript or CSS in my HTML?
No — anything inside <script> and <style> tags is protected and passed through exactly as-is, since whitespace inside those can be meaningful (comments, string formatting, etc).
Does it minify CSS and JS files that my HTML links to?
No, this only processes the HTML document itself. Linked stylesheets and scripts are separate files — use the CSS Minifier or JS Minifier tools for those.
Why did the gap between two elements disappear after minifying?
If two inline elements had whitespace between them in the source, a browser renders that as a visible gap. Removing that whitespace during minification can close the gap. Check the rendered result if spacing between inline elements matters to your layout.