HTML Минификатор и Бьютифайер
Сжимайте HTML для продакшена или форматируйте для чтения (100% в браузере)
Предпросмотр отображается в защищенном iframe для безопасности. Некоторые функции могут быть ограничены.
Документация Минификатора и Форматтера HTML
Что это за инструмент?
Минификация HTML удаляет символы без влияния на рендеринг: пробелы между тегами, HTML-комментарии (<!-- -->), необязательные закрывающие теги (HTML5: </li>, </td>, </p>), значения булевых атрибутов (disabled=“disabled” → disabled). <pre>, <textarea>, <script> и <style> сохраняются.
Основные возможности
- Удаление пробелов и комментариев: коллапс пробелов между блочными тегами; удаление <!-- -->; <pre>/<code>/<textarea> не затрагиваются.
- Удаление необязательных закрывающих тегов (HTML5): </li>/<p>/<tr>/<td> опускаются там, где алгоритм парсинга HTML5 разрешает это без изменения DOM.
- Компактификация булевых атрибутов: selected=“selected” → selected согласно HTML5.
- Настраиваемый форматтер: 2/4 пробела или табуляция, блочные/строчные элементы, сохранение <pre>/<code>.
- Нормализация кавычек атрибутов: удаление кавычек когда значение не содержит пробелов или спецсимволов.
- Дельта размера: исходные байты, сжатые байты и коэффициент сжатия.
Типичные случаи использования
- Оптимизация SSR: минификация HTML-вывода PHP/Django/Rails перед отправкой браузеру; 10-30% сокращения.
- Постобработка генераторов статических сайтов: Jekyll/Hugo/Eleventy/Next.js; с Brotli 85-95%.
- Отладка минифицированного HTML: форматирование view-source или API-ответов.
- Аудит шаблонов: рефорамтирование CMS-HTML для проверки ARIA и иерархии заголовков.
Корректировки при украшении
Реконструирует отступы из плоского HTML. Корректная обработка блочных/строчных элементов, verbatim-сохранение <pre>/<code>.
- Настраиваемый отступ: 2 пробела, 4 пробела или табуляция
- Блочные элементы на новой строке; строчные — на той же
- Verbatim-сохранение <pre>/<code>/<textarea>
- Единообразные двойные кавычки на всех атрибутах
Корректировки при минификации
Управляемые проходы: коллапс пробелов, удаление комментариев, необязательные теги, булевы атрибуты, кавычки.
- Пробелы между тегами свёрнуты до одного, на блочных границах удалены
- HTML-комментарии удалены (опциональное сохранение IE conditional)
- Необязательные HTML5 закрывающие теги опущены если spec-safe
- Булевы атрибуты в голой форме
- Кавычки атрибутов удалены при отсутствии пробелов/спецсимволов в значении
Предполагаемое влияние на размер файла
10-30% для стандартного контента. 20-40% для mark-up-плотных страниц. Brotli поверх: 85-95% сокращение трафика.
Связанные инструменты
CSS Минификатор и Украшатель
Сжатие или украшение CSS кода, удаление пробелов и комментариев для оптимизации размера файла или форматирование кода для удобочитаемости
JavaScript Минификатор и Украшатель
Сжатие или украшение JavaScript кода, удаление пробелов и комментариев для оптимизации размера файла или форматирование кода для удобочитаемости
HTML Кодировщик/Декодер
Преобразование специальных символов в HTML сущности с именованными, десятичными и шестнадцатеричными форматами для предотвращения XSS атак
XML Форматтер
Форматирование и валидация XML данных с подсветкой синтаксиса
JSON Форматтер
Форматирование и валидация JSON данных для улучшения читаемости и отладки
Проверка различий текста
Сравнение различий между двумя текстами или файлами с бок о бок подсвеченным видом