Softonic

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

Шаг 1 / 3

Вставьте фрагмент, текст письма или целую страницу, до 1 000 000 символов.

Далее: выбрать параметры

Вставьте HTML-код или откройте HTML-файл, выберите, сколько удалить, и скопируйте или скачайте уменьшенную версию, где показано, сколько байтов удалось сэкономить. Уровень «Безопасный» никогда не склеивает два слова, поэтому страница выглядит и работает так же, а встроенные CSS и JavaScript тоже минифицируются.

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

  1. 1

    Добавьте HTML

    Вставьте разметку в редактор или откройте файл .html, .htm или .xhtml в кодировке UTF-8 размером до 1 000 000 символов.

  2. 2

    Выберите уровень и параметры

    Оставьте «Безопасный» для любого HTML или выберите «Максимальный» для целой страницы, которую вы будете проверять. Затем решите, удалять ли комментарии и минифицировать ли встроенные CSS и JavaScript.

  3. 3

    Скопируйте или скачайте результат

    Проверьте минифицированный HTML и размеры, затем скопируйте его или скачайте файлом. Если изменить параметры на странице результата, минификация запустится снова.

Что меняет минификатор

Инструмент использует html-minifier-terser, популярный минификатор HTML с открытым исходным кодом, вместе с clean-css для CSS и Terser для JavaScript. Оба уровня сохраняют пробел между словами и между строчными тегами, такими как <b> и <a>. «Максимальный» экономит больше на целых страницах.

Изменение Безопасный Максимальный
Переносы строк и цепочки пробелов Превращаются в один пробел Превращаются в один пробел и исчезают между блоками, такими как <div> и <li>
Пробел между словами и строчными тегами Сохраняется Сохраняется
Необязательные теги, такие как </p>, </li>, <head> и <body> Сохраняются Удаляются
Кавычки вокруг значений атрибутов Сохраняются Удаляются, где это допускает HTML
Логические атрибуты, такие как checked="checked" Сохраняются Сокращаются до checked
Пустые атрибуты class, id и style Сохраняются Удаляются
Закрывающая косая черта в <br/> Сохраняется Удаляется
type="text/javascript" и type="text/css" Удаляются Удаляются

XHTML: если вы открываете файл .xhtml или HTML начинается с XML-объявления, например <?xml version="1.0"?>, оба уровня сохраняют необязательные теги, кавычки вокруг значений атрибутов, логические атрибуты, такие как checked="checked", и закрывающие косые черты, а JavaScript не минифицируется. Благодаря этому результат по-прежнему читается как XML.

Параметры

  • Удалять комментарии (включён по умолчанию): обычные комментарии удаляются. Комментарии, начинающиеся с <!--! (например, уведомления о лицензии), комментарии серверных включений (SSI) и условные комментарии Internet Explorer сохраняются.
  • Минифицировать CSS (включён по умолчанию): CSS в элементах <style> и атрибутах style становится короче. Правило @import остаётся как есть, и ничего не загружается.
  • Минифицировать JavaScript (включён по умолчанию): встроенные скрипты и атрибуты событий, например onclick, становятся короче. Имена локальных переменных сокращаются, глобальные имена остаются, а лицензионные комментарии /*! ... */ сохраняются. Содержимое структурированных данных, например JSON-LD, не минифицируется.

Что никогда не меняется

  • Текст внутри <pre> и <textarea>, где пробелы и переносы строк видны на странице.
  • Ссылки на символы, такие как &nbsp;, &amp; и &eacute;.
  • Блоки PHP (<?php ... ?>) и в стиле ASP (<% ... %>), а также всё, что находится между двумя комментариями <!-- htmlmin:ignore -->.
  • Doctype, якоря <a name>, type="text" у полей ввода, а также регистр букв и закрывающие косые черты внутри SVG.

Уведомления, которые вы можете увидеть

  • Не удалось прочитать скрипт: встроенный скрипт или атрибут события, который сам по себе не является корректным JavaScript, остаётся без минификации, а инструмент показывает строку и столбец ошибки. Остальная часть страницы всё равно минифицируется.
  • Не удалось прочитать блок CSS: этот CSS остаётся без минификации.
  • Кодировка, отличная от UTF-8: скачанный файл всегда сохраняется в UTF-8, поэтому замените <meta charset> страницы на UTF-8 или скопируйте результат в свой файл.
  • Без выигрыша: HTML-код уже настолько мал, насколько позволяют эти параметры.

Если элемент <script> или <style> нигде не закрыт, ничего не минифицируется, а инструмент показывает строку и столбец, где начинается этот элемент. Какой бы уровень вы ни выбрали, откройте минифицированную страницу и проверьте её перед публикацией.

Часто задаваемые вопросы

С уровнем «Безопасный» да. Пробельные символы сжимаются до одного пробела, но никогда не удаляются, поэтому <b>Привет</b> <i>мир</i> по-прежнему читается как «Привет мир», а элементы, стоящие рядом, сохраняют промежуток между собой. Измениться может только текст, который CSS показывает с сохранением пробелов, например при white-space: pre.

Для целых страниц, которые вы проверяете перед публикацией. Этот уровень экономит больше байтов, удаляя пробелы между блоками и необязательные теги, такие как </p>. Проверьте две вещи: элементы, стоящие рядом благодаря display: inline-block, могут потерять промежуток между собой, а фрагмент, у которого удалён последний </p>, может поглотить HTML-код, добавленный после него.

Если параметр «Удалять комментарии» включён, обычные комментарии исчезают. Комментарии, начинающиеся с <!--!, комментарии серверных включений, например <!--#include virtual="/footer.html" -->, и условные комментарии Internet Explorer, например <!--[if IE]>, остаются. Чтобы сохранить фрагмент точно в исходном виде, поместите его между двумя комментариями <!-- htmlmin:ignore -->. Сами метки удаляются.

JavaScript минифицируется, только если его можно прочитать как корректный код. Если во встроенном скрипте есть синтаксическая ошибка или код шаблона, который сам по себе не является JavaScript, этот скрипт остаётся без минификации, остальная страница минифицируется, а инструмент показывает строку и столбец ошибки.

Нет. HTML-код, который вы вставляете или открываете, остаётся в вашем браузере. Он не отправляется на наши серверы и не добавляется в ссылку страницы. Между шагами он хранится в этой вкладке браузера, пока вы не закроете вкладку или не выберете «Начать сначала». Страница загружает код минификатора, когда вы запрашиваете результат, и сообщает нашему серверу, что минификация выполнена, без самого HTML-кода.

До 1 000 000 символов, вставленных или открытых из файла в кодировке UTF-8. Если файл в другой кодировке, инструмент сообщит об этом: откройте его в редакторе, скопируйте HTML-код и вставьте его сюда. Минификация, которая длится дольше 30 секунд, прерывается. В этом случае попробуйте фрагмент HTML-кода покороче.

Сопутствующие инструменты

Смешивание цветов

Смешайте два HEX-цвета в 2-20 равномерных образцов. Каждый промежуточный цвет показывается как HEX-код в верхнем регистре, включая оба края.

Генератор вымышленных телефонных номеров

Создавайте до 50 вымышленных номеров из официально зарезервированных диапазонов пяти стран.

Счетчик FPS

Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.

Генератор бейджей README

Создавайте бейджи shields.io для файлов README на GitHub: статус сборки, версия, лицензия, число загрузок и покрытие кода. Просмотрите и скопируйте фрагмент Markdown.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Генератор случайных адресов

Создавайте 1–20 похожих на адрес записей для макетов и тестов в трёх упрощённых форматах.

Инструмент доступен на других языках