Мінімізатар і фарматавальнік CSS — бясплатна
Мінімізуйце CSS для памяншэння памеру файла або фарматуйце мінімізаваны CSS для зручнасці чытання. Імгненна, у вашым браўзеры.
Перацягніце сюды файл .css або націсніце, каб выбраць
CSS · апрацоўваецца на вашай прыладзе
або націсніце Ctrl+V, каб уставіць з буфера абмену
Тыповыя выкарыстанні
- Мініфікуйце CSS для пуску ў вытворчасцюПамяньшыце памер CSS файла перад развёртваннем ва ўтворчасцю — хутчэйшыя загрузкі старонак і ніжэйшыя выдаткі на палосу прапускання.
- Краніць мініфікаваны CSS для адладкіФарматуйце сціскаліны ці мініфікаваны CSS ў чытальны код, каб вы маглі інспектаваць і адладжваць стылі.
- Мініфікуйце CSS для шаблонаў электроннай поштыКампактыфікуйце CSS для HTML шаблонаў электроннай пошты, дзе памер файла і водзіўная шэпкасць стыляў мацір.
- Мініфікуйце CSS для тэм WordPressПаменшыце памер уласных табліц стыляў тэм WordPress для лепшых паказчыкаў PageSpeed.
- Краніць CSS для рэцэнзіі кодаФарматуйце любы CSS файл ў чыстаны, адзпаўны, чытальны код, гатовы для рэцэнзіі і супрацы.
Як гэта працуе
Гэты інструмент выкарыстоўвае ўласнаручна напісаны такенізатар CSS без залежнасцяў, пабудаваны цалкам на JavaScript — без знешніх бібліятэк, без выклікаў сервера. Такенізатар класіфікуе кожны сімвал як код, каментарый, радок у двукоссі ці значэнне url() перад прымяненнем якіх-небудзь пераўтварэнняў, што прадухіляе пашкоджанне правіламі прабелаў зместу радкоў, data URI ці выразаў calc().
- 1Прагон такенізацыіУваходны CSS сканіруецца сімвал за сімвалам і разбіваецца на тыпізаваныя токены: сырыя сегменты кода, каментарыі /* ... */, радкі ў двукоссі (захоўваючы паслядоўнасці экранавання) і блокі url(...). Гэта забяспечвае, што пераўтварэнні на наступным кроку кранаюцца толькі сапраўднага сінтаксісу CSS — ніколі зместу радковага літарала ці data URI.
- 2Мінімізацыя ці разгортваннеУ рэжыме мінімізацыі звычайныя каментарыі выдаляюцца (каментарыі /*! license */ захоўваюцца), паслядоўнасці прабельных сімвалаў у токенах кода згортваюцца ў адзін прабел, а прабельныя сімвалы, сумежныя з пунктуацыяй { } : ; , > ~, выдаляюцца. Прабелы вакол + і - наўмысна пакідаюцца без змен, каб не парушыць выразы calc(). У рэжыме разгортвання код спачатку мінімізуецца да чыстай базавай лініі, потым паўторна такенізуецца і паўторна робіцца водступ з глыбінёй у два прабелы і выяўленнем дваякроп'я дэкларацыі, каб адрозніць дваякроп'і property: value ад дваякроп'яў селектараў, як a:hover.
- 3Ацэнка памеру GzipПасля стварэння вываду выкарыстоўваецца нацыўны CompressionStream API браўзера, каб сціснуць вынік з gzip і вымераць колькасць атрыманых байтаў. Гэта дае рэалістычную ацэнку памеру перадачы, якая адпавядае таму, што адправіў бы вэб-сервер з gzip-сцісканнем па сетцы.
- 4Капіраванне ці спампоўваннеАпрацаваны CSS запісваецца ў буфер абмену праз Clipboard API, ці спампоўваецца як styles.min.css (рэжым мінімізацыі) ці styles.css (рэжым разгортвання) з дапамогай Blob з тыпам MIME text/css. Працэнт памяншэння памеру паказваецца жыва падчас набору.
Звязаныя інструменты
Аптымізатар і мінімізатар SVG
Выдаляйце метаданыя, схлопвайце прабелы і акругляйце дзесятковыя дробы, каб значна паменшыць памер файла SVG — тыповыя скарачэнні ад 30 да 70%. Візуальны прагляд пацвярджае, што нічога не сапсавалася.
Прыгажун CSS
Фарматуйце мінімізаваны CSS з аднолькавымі водступамі або мінімізуйце яго. Дадатковае сартаванне ўласцівасцей па алфавіце для прадказальных адрозненняў.
Фармат JSON
Фарматуйце, правярайце, мінімізуйце і вывучайце даныя JSON. Дрэвавы выгляд, падсвятленне сінтаксісу і капіраванне ў адзін клік.