iziznkit

Минификация и форматирование (HTML/CSS/JS)

Бесплатно · без регистрации

Форматируйте или минифицируйте HTML, CSS и JavaScript локально — со сравнением размера до и после.

Язык:
Режим:
Результат

Работает прямо в браузере — данные не покидают ваше устройство и нигде не сохраняются. Без регистрации.

Форматируйте или минифицируйте HTML, CSS и JavaScript в одном месте. Форматирование — js-beautify; минификация CSS/HTML — консервативное удаление комментариев и лишних пробелов; JS — через Terser. Тяжёлые парсеры подгружаются только при запуске. Смотрите размер до и после. Всё в браузере. Бесплатно, без регистрации.

  • ✓HTML, CSS и JS в одном инструменте
  • ✓Форматирование через js-beautify
  • ✓Консервативная минификация CSS/HTML
  • ✓Минификация JS через Terser
  • ✓Динамический импорт — библиотеки по требованию
  • ✓Размер до / после с процентом изменения

Кому подходит

  • Чистка вставленных фронтенд-фрагментов
  • Подготовка демо и gist
  • Сжатие inline CSS/JS
  • Быстрый формат перед ревью

Как это работает

  1. 1Выберите язык и режим (форматировать / минифицировать).
  2. 2Вставьте код.
  3. 3Нажмите «Выполнить» и дождитесь результата.
  4. 4Скопируйте вывод и посмотрите статистику размера.

Частые вопросы

Минификация сломает HTML?+

Для HTML/CSS минификация консервативная (комментарии и лишние пробелы). Структуру разметки она не переписывает — критичные шаблоны лучше проверить глазами.

JS minify понимает современный синтаксис?+

Terser умеет современный ECMAScript. Необычные или незавершённые фрагменты могут дать ошибку — сообщение об этом скажет.

Почему первый запуск медленнее?+

js-beautify и Terser подгружаются динамически при первом использовании, чтобы не раздувать начальный бандл страницы.

Код куда-то уходит?+

Нет. Обработка полностью в браузере.

Можно выбрать размер отступа?+

Форматирование по умолчанию с отступом в 2 пробела — достаточно для читаемого результата без лишних настроек.

Вам может пригодиться

Некоторые ссылки — партнёрские, подробнее