Перейти до вмісту

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

Зменшуйте розмір HTML, видаляючи коментарі, пробіли та порожні атрибути.

Введення
Вихід

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

Вставте будь-який HTML документ або фрагмент, і цей інструмент повернеме компактнішу версію з тим самим результатом відображення. Він видаляє коментарі, згортає зайві пробіли між тегами та в списках атрибутів, а також видаляє порожні атрибути на зразок class="", які браузер все одно ігнорує. Використовуйте інструмент перед розміщенням статичної сторінки, вбудовуванням шаблону в іншу систему або вставленням розмітки в місце з обмеженням розміру.

Чотири опції керують ступенем мініфікації. «Зберігати вміст pre, textarea та script» за замовчуванням залишає точні пробіли всередину цих елементів недоторканими, оскільки зайвий пробіл всередину блоку <pre> або скрипту часто має значення; вимикайте лише якщо ви впевнені, що цей вміст може витримати згортання пробілів. «Об'єднувати кілька пробілів у тексті» перетворює серії пробілів, табуляцій та розривів рядків усередину звичайного тексту в один пробіл. «Видаляти лапки з простих значень атрибутів» видаляє лапки навколо значень на зразок id=box, яким вони не потрібні за специфікацією HTML5 — все, що містить пробіл, знак рівності або інші лапки, залишається в лапках. «Видаляти необов'язкові закриваючі теги» видаляє закриваючі теги, які браузер самостійно передбачає, наприклад </li> перед іншим <li> або </td> перед </tr>, використовуючи ті самі правила, які браузери використовують для автоматичного закриття.

Інструмент працює з чистим текстом вашої розмітки, а не переносить весь DOM, тому ніколи не переписує регістр назв тегів або атрибутів — вбудований SVG з чутливими до регістру елементами на зразок viewBox або clipPath проходить через незмінено. Він працює як з Windows, так і з Unix розривами рядків, а лічильник під виводом показує розмір у байтах до та після мініфікації, а також відсоток заощадженого місця.

Усе виконується локально у вашому браузері — ваша розмітка ніколи не завантажується кудись, що робить цей інструмент безпечним для внутрішніх шаблонів або ще не опублікованого вмісту. Скопіюйте результат, завантажте його як файл .txt або надішліть вивід назад на вхід для багатократної обробки.

FAQ

Це зруйнує мою сторінку?
Стандартні опції консервативні: вміст pre, textarea та script залишається недоторканим, а закриваючі теги видаляються лише де специфікація HTML5 вказує, що браузер їх передбачає. Перевірте результат перед публікацією, якщо вмикаєте більш агресивні опції.
Це мініфікує CSS та JavaScript всередину HTML?
Ні. Вміст всередину тегів <style> вважається звичайним текстом, а вміст всередину тегів <script> за замовчуванням зберігається. Використовуйте окремий мініфікатор CSS або JS для цього коду, а потім вставте об'єднану сторінку сюди.
Що станеться з коментарями?
Всі HTML коментарі видаляються, включаючи ті, що використовуються для нотаток або розділювачів секцій. Якщо потрібно зберегти конкретний коментар, видаліть його з вхідних даних перед вставленням або вставте заново після мініфікації.
Чому порожній атрибут alt залишається на моїх зображеннях?
alt="" має значення — це повідомляє допоміжним технологіям, що зображення декоративне — тому цей інструмент зберігає його, хоча видаляє інші порожні атрибути на зразок class="".
Мой HTML загружається кудись?
Ні. Мініфікація виконується повністю у вашому браузері з використанням локального JavaScript — ваша розмітка ніколи не залишає ваше пристрій.