Перейти до вмісту
TextArray
100% локально

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

Зменште CSS, видаливши коментарі та пробіли, не торкаючись ваших значень.

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

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

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

Мініфікатор аналізує ваш CSS замість того, щоб сліпо замінювати текст, тому складні частини залишаються недоторканими: рядкові літерали зберігають усі символи, вирази calc() зберігають пробіли навколо своїх операторів, значення url() копіюються без змін, а селектор-нащадок, як-от «a:hover», ніколи не об’єднується в «a:hover». Чого він навмисно не робить, так це переписує ваші значення — кольори, одиниці вимірювання та скорочення виходять саме такими, якими ви їх написали. Це чесний мініфікатор пробілів і коментарів, а не оптимізатор, який змінює структуру правил.

Два варіанти налаштування виходу. «Зберігати коментарі /*!» зберігає коментарі, які починаються з /*!, угода про ліцензійні банери, які мають витримати скорочення — вимкніть цю функцію, щоб видалити їх, як і будь-який інший коментар. «Одне правило на рядок» створює новий рядок після кожного правила верхнього рівня, завдяки чому результат стає зручнішим для розрізнення та легшим для сканування, ніж один довгий рядок.

Все працює у вашому браузері. Ваш CSS ніколи не завантажується, тому власні таблиці стилів і неопубліковані дизайни залишаються на вашому пристрої.

FAQ

Чи переписує він кольори, одиниці чи скорочені властивості?
Ні. Він видаляє лише коментарі, непотрібні пробіли та останню крапку з комою кожного блоку. Значення, селектори та порядок властивостей виглядають точно так, як вони написані — це не реструктурує та не оптимізує правила, як міг би мініфікатор інструментів збірки.
Чи зламаються хитрі значення, такі як calc() або url()?
Ні. Інструмент аналізує CSS, тому рядкові літерали зберігаються символ за символом, calc() зберігає необхідні пробіли навколо своїх операторів, а все всередині url() копіюється без змін.
Що таке /*! коментарі і навіщо їх зберігати?
Коментар, що починається з /*! це конвенція щодо ліцензійних банерів, які мають витримати мініміфікацію. "Зберігати /*! коментарі" ввімкнено за умовчанням; вимкніть його, щоб видалити їх, як і будь-який інший коментар.
Чи завантажено кудись мій CSS?
Ні. Зменшення повністю працює у вашому браузері, а ваша таблиця стилів ніколи не залишає ваш пристрій.