Минификатор HTML

Безопасно минифицируйте HTML: удаляйте комментарии, схлопывайте пробелы и убирайте их вокруг блочных тегов, не трогая pre, textarea, script и style.

Ввод HTML

Вывод

Работает полностью в вашем браузере. Ваши данные никуда не загружаются.

Что такое Минификатор HTML?

Инструмент уменьшает HTML осторожными преобразованиями, не влияющими на отображение: комментарии удаляются, последовательности пробелов становятся одним пробелом, а пробелы рядом с блочными тегами убираются. Содержимое <pre>, <textarea>, <script> и <style> сохраняется байт в байт.

Как пользоваться Минификатор HTML

Вставьте HTML в поле ввода.
Нажмите Минифицировать (результат также обновляется по мере ввода).
Посмотрите строку с размером, чтобы узнать экономию.
Скопируйте или скачайте сжатый HTML.

Пример

Ввод

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

Вывод

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

Когда использовать Минификатор HTML

Подходит для статических страниц, шаблонов писем и HTML-фрагментов в коде. Выигрыш скромен по сравнению с gzip/brotli. Необязательные теги и кавычки атрибутов не удаляются, поэтому результат остаётся валидным и предсказуемым.

Как работает Минификатор HTML

Небольшой токенизатор разбивает ввод на теги, текст, комментарии и блоки с сырым текстом. Комментарии удаляются, кроме условных комментариев Internet Explorer (<!--[if …]>). В тексте любая последовательность пробельных символов становится одним пробелом; пробелы в начале и в конце убираются, если соседний элемент блочный (div, p, li, table), но сохраняются между строчными элементами (<b>a</b> <i>b</i>), где они видны. Пробелы внутри тегов нормализуются; значения атрибутов не меняются. JavaScript и CSS внутри страницы не минифицируются — для них есть отдельные минификаторы JS и CSS.