Как пользоваться
- Вставьте код, перетащите файл или загрузите пример; язык для этой страницы задан заранее и его можно изменить.
- Выберите форматирование или минификацию и настройте отступы, ширину и другие параметры; результат появляется справа по мере ввода.
- Скопируйте или скачайте результат; при ошибке нажмите «Перейти к ошибке», исправьте и запустите снова.
Что делает минификация
Минификация меняет запись кода, а не его поведение. Обычно она уменьшает размер на 30–70% и ускоряет страницы; сохраняйте исходник, потому что минифицированный код трудно читать.
| Операция | JavaScript (Terser) | CSS (CSSO) | HTML / XML / JSON |
|---|---|---|---|
| Удалять комментарии | ✓ | ✓ | ✓ |
| Удалять пробелы и переносы строк | ✓ | ✓ | ✓ |
| Сокращать имена переменных | ✓ | — | — |
| Объединять правила, сокращать цвета | — | ✓ | — |
| Удалять мёртвый код, сворачивать константы | ✓ | — | — |
| Сохранять лицензионные комментарии /*! | Необязательно | Необязательно | Необязательно |
Языки и движки
Форматирование использует те же открытые движки, что и популярные редакторы, поэтому результат совпадает с Prettier в VS Code и команда может придерживаться единого стиля. Все движки загружаются с этого сайта и работают в браузере.
| Язык | Формат | Сжать |
|---|---|---|
| HTML | Prettier 3 | ✓ комментарии и пробелы |
| XML | XML-движок XunL | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ реструктуризация CSSO |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (только JavaScript) |
| JSON | Prettier 3 | ✓ большие числа сохраняют точность |
| YAML | Prettier 3 | — (комментарии сохраняются) |
| SQL | sql-formatter (14 диалектов) | — |
Частые вопросы
Безопасно ли «объединять повторяющиеся правила»?
CSSO объединяет правила, только если результат каскада не меняется. Если страница зависит от порядка правил и отображается неправильно, отключите эту опцию и оставьте базовую минификацию.
Загружается ли мой код?
Нет. Движки загружаются с этого сайта и работают в браузере; ваш код никогда не проходит через наши серверы или третьи стороны, поэтому инструмент безопасен для внутреннего кода и конфигураций.
Каков максимальный размер файлов?
До 5 МБ на файл; при размере больше 300 КБ страница ждёт нажатия кнопки вместо форматирования на лету, чтобы браузер не тормозил.