Minifier HTML Online

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.

Press F11 to switch to fullscreen mode
Move to "Paste Code" for Save

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 Formatter

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>
Share