Перейти к содержанию

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

Сжимайте HTML, удаляя комментарии, пробелы и пустые атрибуты.

Входные данные
Выходные данные

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

Вставьте любой HTML документ или фрагмент, и этот инструмент вернёт более компактную версию с тем же результатом отрисовки. Он удаляет комментарии, сворачивает лишние пробелы между тегами и в списках атрибутов, а также удаляет пустые атрибуты вроде class="", которые браузер всё равно игнорирует. Используйте инструмент перед размещением статической страницы, встраиванием шаблона в другую систему или вставкой разметки в место с ограничением размера.

Четыре опции контролируют степень минификации. «Сохранять содержимое pre, textarea и script» по умолчанию оставляет точные пробелы внутри этих элементов нетронутыми, поскольку лишний пробел внутри блока <pre> или скрипта часто имеет значение; отключайте только если вы уверены, что это содержимое может перенести сворачивание пробелов. «Объединять несколько пробелов в тексте» преобразует серии пробелов, табуляции и переводы строк внутри обычного текста в один пробел. «Удалять кавычки из простых значений атрибутов» убирает кавычки вокруг значений вроде id=box, которые не нуждаются в них по спецификации HTML5 — всё, что содержит пробел, знак равенства или другую кавычку, остаётся в кавычках. «Удалять необязательные закрывающие теги» убирает закрывающие теги, которые браузер самостоятельно подразумевает, например </li> перед другим <li> или </td> перед </tr>, используя те же правила, которые браузеры используют для автоматического закрытия.

Инструмент работает с чистым текстом вашей разметки, а не пересериализует весь DOM, поэтому никогда не переписывает регистр названий тегов или атрибутов — встроенный SVG с чувствительными к регистру элементами вроде viewBox или clipPath проходит через неизменённым. Он работает как с Windows, так и с Unix переводами строк, а счётчик под выводом показывает размер в байтах до и после минификации, а также процент сэкономленного места.

Всё выполняется локально в вашем браузере — ваша разметка никогда не загружается куда-либо, что делает этот инструмент безопасным для внутренних шаблонов или ещё не опубликованного контента. Скопируйте результат, загрузите его как файл .txt или отправьте вывод обратно на вход для многократной обработки.

FAQ

Это сломает мою страницу?
Стандартные опции консервативны: содержимое pre, textarea и script остаётся нетронутым, а закрывающие теги удаляются только где HTML5 спецификация указывает, что браузер подразумевает их. Проверьте результат перед публикацией, если включите более агрессивные опции.
Это минифицирует CSS и JavaScript внутри HTML?
Нет. Содержимое внутри тегов <style> рассматривается как обычный текст, а содержимое внутри тегов <script> по умолчанию сохраняется. Используйте отдельный минификатор CSS или JS для этого кода, затем вставьте скомбинированную страницу сюда.
Что происходит с комментариями?
Все HTML комментарии удаляются, включая те, которые используются для заметок или разделителей секций. Если нужно сохранить конкретный комментарий, удалите его из входных данных перед вставкой или вставьте заново после минификации.
Почему пустой атрибут alt остаётся на моих изображениях?
alt="" имеет смысл — это сообщает вспомогательным технологиям, что изображение декоративное — поэтому этот инструмент сохраняет его, хотя удаляет другие пустые атрибуты вроде class="".
Мой HTML загружается куда-нибудь?
Нет. Минификация выполняется полностью в вашем браузере с использованием локального JavaScript — ваша разметка никогда не покидает ваше устройство.