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

Вставьте страницу и получите её обратно с сжатыми пробелами, удалёнными комментариями и — если нужно — минифицированными встроенными блоками <style> и <script>. Полезно для почтовых шаблонов, статичных страниц, встраиваемых виджетов и любого HTML, который вы собираетесь вставить в поле CMS, где оплата идёт за байты.

Как пользоваться

1. Вставьте HTML в поле ввода или загрузите файл .html.
2. Настройте параметры:
   • Схлопывать пробелы — главная экономия.
   • Удалить HTML-комментарии — условные комментарии всегда сохраняются.
   • Убирать кавычки вокруг атрибутов, где это возможно — class="card" становится class=card, если это безопасно.
   • Минифицировать CSS в блоках <style> и в атрибутах style="…".
   • Минифицировать JavaScript в блоках <script>.
3. Скопируйте результат или скачайте его как файл .html.

Что инструмент никогда не искажает

Наивная минификация HTML ломает страницы, поэтому инструмент построен вокруг набора гарантий:

• <pre> и <textarea> не изменяются, байт в байт. Пробелы внутри них — это отображаемое содержимое, и их сжатие заметно меняет страницу. Ваш ASCII-арт и примеры кода выйдут ровно такими, какими были.
• Содержимое <script> и <style> никогда не сжимается по пробелам на этапе HTML. Оно передаётся настоящему минификатору JavaScript или CSS, который понимает строковые литералы, регулярные выражения и строки, похожие на комментарии, либо остаётся без изменений. <script type="application/json"> или text/x-template всегда остаются нетронутыми.
• Условные комментарии сохраняются. <!--[if lt IE 9]> … <![endif]--> — это разметка, а не примечание, и её удаление могло бы стереть настоящий тег script.
• Строчные пробелы сохраняются. <span>a</span> <span>b</span> отображается с пробелом между словами, а <span>a</span><span>b</span> — без него. Инструмент знает, какие элементы строчные, поэтому убирает пробелы между блочными элементами только там, где они не видны.
• Закрывающий слеш удаляется только у void-элементов. <br/> превращается в <br>, но <path/> в SVG сохраняет слеш — его удаление оставило бы элемент незакрытым и поглотило остальную часть вашей графики.

Когда небезопасно убирать кавычки у атрибута?

Когда значение пустое, содержит пробельные символы, кавычки, обратные кавычки, =, < или >, либо заканчивается на /. Последний случай подводит многих: href=/a/ прямо перед > будет разобран как самозакрывающийся слеш, и URL обрежется. Инструмент проверяет все эти условия и оставляет кавычки, если есть сомнения.

Насколько уменьшается HTML?

Обычно на 10–25% для вручную написанной разметки и больше для шаблонного вывода с глубокими отступами. Включение опций CSS и JS сильно помогает на страницах с крупными встроенными блоками. Как всегда, gzip/brotli на сервере даёт больше, чем минификация, — используйте и то, и другое.

Удаляет ли он сущности вроде &?

Нет. Замена & на «голый» & требует знать, останется ли результат валидным в данной позиции; ошибка приводит к сломанной разметке ради экономии нескольких байт. Сущности сохраняются ровно так, как вы их написали.

Исправляет ли он сломанный HTML?

Нет — это минификатор, а не санитайзер и не форматировщик. Незакрытые теги остаются незакрытыми. Если вы не уверены в исходнике, прогоните результат через валидатор.

Загружается ли мой HTML куда-либо?

Нет. Минификатор работает полностью в вашем браузере. Ваша разметка никогда не отправляется на сервер, не логируется и не сохраняется, а загрузка файла читает его локально на странице. Инструмент работает и без интернета.