Вставьте JavaScript или CSS — нажмите Minify, чтобы убрать пробелы и комментарии для продакшна, или Beautify, чтобы привести обфусцированный / однострочный код в читаемый вид. Автоопределение языка, всё в вашем браузере.
Консервативен. Мы убираем комментарии и схлопываем пробелы, но не искажаем идентификаторы (foo остаётся foo), не выполняем удаление мёртвого кода и не переставляем выражения. Цель — безопасное и предсказуемое уменьшение байтов. Если нужна максимальная компрессия, прогоните результат через Terser или esbuild финальным шагом.
Нет. Токенизатор учитывает строки, шаблонные литералы и регулярные выражения. Пробелы и комментариеподобные последовательности внутри "...", '...', \`...\` или /regex/flags сохраняются дословно. Баннерные комментарии лицензий (/*! ... */) также сохраняются по умолчанию.
Минификация для продакшна, beautify для отладки — и пара мелочей, благодаря которым работать с инструментом действительно приятно.
JavaScript или CSS, minify или beautify — в одном инструменте. Автоопределение распознаёт язык по содержимому; либо переопределите его в выпадающем списке Language.
Мы убираем комментарии и схлопываем пробелы — но никогда не искажаем идентификаторы, не переставляем код и не делаем inline. Строки, шаблонные литералы, регулярные выражения и баннерные комментарии лицензий (/*! ... */) сохраняются дословно. Результат побайтово безопасен.
Вставьте однострочный минифицированный бандл, нажмите Beautify — получите читаемую версию с отступами. Удобно для разбора сторонних скриптов, отладки продакшн-стектрейсов или изучения чужого кода.
После каждой минификации видна разница байт-вход → байт-выход и процент экономии. Не нужно гадать, действительно ли ваш CSS-бандл стал меньше.
Ваш код остаётся на устройстве. Токенизатор, минификатор и beautifier работают как JavaScript локально. Откройте DevTools → Network и убедитесь, что нет ни одного исходящего запроса.
Чистый JavaScript, без рантайма фреймворка. Холодная загрузка — менее 25 КБ gzip. JS-бандл размером 200 КБ минифицируется менее чем за 50 мс на обычном ноутбуке.
Три шага от исходного кода до готового к продакшну результата.
Бросьте JavaScript или CSS в панель Input. Инструмент автоматически определит язык — либо выберите его в выпадающем списке Language, если источник неоднозначен (например, небольшой фрагмент).
Нажмите Minify, чтобы убрать комментарии и пробелы для продакшна. Нажмите Beautify, чтобы развернуть обфусцированный / однострочный код с правильными отступами. Инструмент мгновенно перезапускается на каждый клик — переключайтесь туда-обратно для сравнения.
Используйте иконку копирования, чтобы отправить результат в буфер обмена, или иконку скачивания, чтобы сохранить его как output.min.js / output.min.css / output.beauty.js / output.beauty.css. Разница размеров (байт вход → выход, процент экономии) показывает, насколько именно вы сжали код.
Четыре типичных сценария, где приватный браузерный инструмент выигрывает у вставки кода в случайный онлайн-минификатор.
Статичным страницам, шаблонам транзакционных писем и embed-сниппетам часто нужен однострочный inline-скрипт или стиль. Бросьте читаемый исходник, минифицируйте, вставьте результат в тег <style> или <script> — готово.
Пиксели вендоров, маяки рекламных сетей, подозрительные расширения — всё это идёт минифицированными однострочниками. Вставьте, нажмите Beautify, прочитайте, что они на самом деле делают, прежде чем встраивать их на продакшне.
Темы для WordPress / Shopify / Ghost / Webflow поставляются с раздутым CSS. Вставьте таблицу стилей, beautify, просмотрите дублированные правила и неиспользуемые селекторы. Закончив — минифицируйте очищенную версию обратно в одну строку.
Внутренние скрипты с API-ключами, секретами, бизнес-логикой — всё, что нельзя вставлять в облачный минификатор. Браузерный инструмент держит каждый байт на вашем ноутбуке. Откройте DevTools → Network и убедитесь, что ничего не уходит.
Ваш код никогда не покидает устройство. Откройте DevTools → Network — во время минификации или beautify вы увидите ноль исходящих запросов.
/*! ... */) сохраняются по умолчанию, чтобы вы случайно не убрали указание авторства, требуемое лицензией open-source библиотеки.
Подборка статей о минификации JS / CSS, форматировании кода и контроле размера бандлов.
Where XML still beats JSON (SOAP, RSS, Office docs, EPUB, sitemaps, configs) and where JSON wins. Worked examples and migration patterns.
Reading XML namespace prefixes, finding the actual fault inside a SOAP envelope, and using a browser-based formatter to spot the issue without firing up SoapUI.
Консервативен. Мы убираем комментарии и схлопываем пробелы, но не искажаем идентификаторы (foo остаётся foo), не выполняем удаление мёртвого кода и не переставляем выражения. Цель — безопасное и предсказуемое уменьшение байтов. Если нужна максимальная компрессия, прогоните результат через Terser или esbuild финальным шагом.
Нет. Токенизатор учитывает строки, шаблонные литералы и регулярные выражения. Пробелы и комментариеподобные последовательности внутри "...", '...', \`...\` или /regex/flags сохраняются дословно. Баннерные комментарии лицензий (/*! ... */) также сохраняются по умолчанию.
Да. Вложенные правила, @media, @keyframes, @font-face, @layer, @container, @supports и пользовательские свойства CSS (--var) — всё минифицируется безопасно. Списки селекторов с запятыми сохраняются; схлопываются только незначимые пробелы.
Именно для этого Beautify и нужен. Вставьте любой минифицированный JS или CSS, нажмите Beautify — получите версию с отступами. Beautifier не меняет семантику — он лишь добавляет переводы строк и отступы по глубине скобок. Работает на любом валидном входе независимо от того, как он был минифицирован.
Нет. Токенизатор, минификатор и beautifier целиком работают на JavaScript на вашем устройстве. Откройте DevTools → Network — во время минификации или beautify вы увидите ноль исходящих запросов. Вставляйте API-ключи, секреты или проприетарный код — ничего не покинет ваш ноутбук.