← All Tools
HTML Minifier & Beautifier
Minify HTML to reduce file size, or beautify compressed HTML for readability. 100% client-side.
Minify
Beautify
📋 Copy
💾 Download
🗑️ Clear
⚙️ Minify Options
Remove comments
Collapse whitespace
Remove optional quotes
Collapse boolean attributes
Beautify indent:
2 spaces
4 spaces
Tab
📝 Input HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example Page</title> <!-- Main stylesheet --> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <nav> <a href="/" class="logo">Home</a> <ul> <li><a href="/about">About</a></li> <li><a href="/contact">Contact</a></li> </ul> </nav> </header> <main> <!-- Hero section --> <section class="hero"> <h1>Welcome to My Site</h1> <p>This is a paragraph with some <strong>bold</strong> text.</p> <button disabled class="btn primary">Get Started</button> <input type="text" readonly value="read only field"> </section> </main> <footer> <p>© 2025 Example. All rights reserved.</p> </footer> </body> </html>
✨ Output
✓ Copied!