HTML Minifier

HTML Minifier Form

This form allows you make minify HTML data and make your HTML code more compressed. Online HTML Minifier also minify the css and javascript between the style and script tags.


Move to «Paste Code» for Save it

About HTML Minifier

About HTML Minifier tool

The Minifier HTML online was created to help compress HTML code. This tool removing all whitespace, indentation, newlines and comments for decrease size and amount of data transferred on clients. The purpose of minifcation is to increase the speed of a website. Minimisation can make a HTML, CSS, JS up to 50% smaller, resulting in a faster download time.

How it Works?

Just paste your HTML code to the textarea above and click to the button "Minify" and you will get minifier HTML in the same textarea. You can copy or save the compressed HTML data.

Example of HTML Minifier

Before:
<!DOCTYPE html>
<html>
    <head>
        <title>wtools.io - Best Tools</title>
        <style>
        body {
            background-color: #d0e4fe;
        }
        h1 {
            color: red;
        }
        p {
            font-family: "Arial";
            font-size: 25px;
        }
        </style>
    </head>
    <body>
        <h1>Frre HTML Formatter</h1>
        <div>Sample text in div</div>
        <ul>Sample UL
            <li>Test</li>
            <li>Debug</li>
            <li>Execute</li>
        </ul>
        <p>This is a paragraph.</p>
        <table>
            <tr>
                <th>100</th>
                <th>200</th>
                <th>300</th>
            </tr>
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
        </table>
    </body>
</html>
After:
<!DOCTYPE html><html><head><title>wtools.io - Best Tools</title><style>body{background-color:#d0e4fe}h1{color:red}p{font-family:Arial;font-size:25px}</style></head><body><h1>Frre HTML Formatter</h1><div>Sample text in div</div><ul>Sample UL<li>Test</li><li>Debug</li><li>Execute</li></ul><p>This is a paragraph.</p><table><tr><th>100</th><th>200</th><th>300</th></tr><tr><td>100</td><td>200</td><td>300</td></tr></table></body></html>
Donate

Did you like this tool? You can donate to us. This will help us improve our free web tools.

Paypal