HTML Beautifier & Minifier

An HTML beautifier reformats HTML so nested elements are indented and easy to follow, which helps when reading the source of a minified page, an email template or code generated by a CMS. A minifier does the opposite, removing what browsers don't need so pages download faster.

This tool does both. Beautifying lets you choose two spaces, four spaces or tabs; minifying reports the size before and after. Preformatted text, text areas and scripts are protected, so the minified page looks exactly like the original.

Beautify uses js-beautify to put each block element on its own line and indent nested tags, keeping inline elements together. Minify removes comments (except Internet Explorer conditional comments), collapses runs of whitespace to a single space and trims spaces inside tags.

Whitespace is never removed entirely between tags, because a space between two inline elements is visible on the page. Content inside <pre> and <textarea> is left untouched, <script> blocks are kept as they are, and <style> blocks are minified as CSS.