CSS минификатор – компресирайте CSS с csso
Този CSS минификатор използва csso за компресиране на поставен CSS отвъд премахването на празните разстояния. Той може да слива дублирани селектори, да премахва презаписани декларации и безопасно да преструктурира правила. Изберете дали да включите преструктурирането и да запазите коментарите /*! important */, след това прегледайте компактния изход и спестените байтове. Използвайте го за онлайн минифициране на CSS преди публикуване или поставяне на CSS в URL адрес, заглавка или стойност на конфигурация.
CSS минификаторът е CSS минификатор в браузъра, който използва csso за компресиране на таблици със стилове. Поставете или пуснете CSS в инструмента, за да получите компактен резултат, след това прегледайте спестените байтове. За разлика от компресор, който премахва само празните разстояния, csso може да слива дублирани селектори, да премахва презаписани декларации и безопасно да преструктурира правила.
Изберете дали да включите преструктурирането и дали да запазите коментарите /*! important */. Тези опции ви позволяват да решите как csso да обработва преструктурирането на правилата и важните коментари, докато минифицира вашия вход. Инструментът показва спестените байтове, за да можете да сравните размера преди и след компресията.
CSS е език за таблици със стилове, използван за описване на представянето на уеб съдържанието. Минифицираният CSS запазва съдържанието на таблицата със стилове в по-компактна форма, като намалява ненужния текст и прилага компресията на csso. Разработчиците често минифицират CSS преди публикуване или когато се нуждаят от по-къса стойност за URL адрес, заглавка или запис на конфигурация.
CSS минификаторът работи изцяло във вашия браузър: вашият вход се обработва на вашето устройство и не се качва, съхранява или изпраща към сървър. След като страницата се зареди, работи офлайн без сървърна зависимост. Този инструмент за CSS компресия е полезен за разработчици и DevOps инженери, които искат да подготвят CSS, да преглеждат промените в размера или да избират опции за минифициране, без да напускат браузъра.
Стъпка 1: Поставете или пуснете вашия CSS в инструмента. Той приема CSS вход за минифициране.
Стъпка 2: Изберете дали да включите преструктурирането. Тази опция контролира дали csso преструктурира правилата по време на компресирането.
Стъпка 3: Задайте дали да запазите коментарите /*! important */. Използвайте тази опция, когато тези коментари трябва да останат в изхода.
Стъпка 4: Прегледайте компактния CSS и спестените байтове, след това копирайте резултата за вашия проект или стойност на конфигурация.
Случай на употреба: Свийте CSS преди публикуването му с приложение. csso компресира отвъд премахването на празните разстояния, като безопасно преструктурира правилата.
Случай на употреба: Сравнете оригиналния и минифицирания размер в байтове, за да видите дали компресията значимо намалява вашия CSS товар.
Случай на употреба: Създайте компактен CSS за URL адрес, заглавка или стойност на конфигурация, където по-късият низ е полезен.
Случай на употреба: Проверете как включването на преструктурирането се отразява на минифицирания изход, преди да изберете опция за вашата таблица със стилове.
Случай на употреба: Запазете коментарите /*! important */ в изхода, когато трябва да бъдат запазени по време на минифицирането.
Случай на употреба: Подгответе компактен CSS фрагмент за споделяне или поставяне в проект, без ръчно да премахвате празните разстояния.