Paliitin at i-compress kaagad ang mga stylesheet ng CSS sa iyong browser. Alisin ang mga komento, i-collapse ang whitespace, at bawasan ang laki ng file. Libre at pribado.
Sinusuportahan ang mga .css na file. O i-paste ang iyong CSS sa itaas.
Tinatanggal ng CSS minification ang whitespace, mga komento, at mga hindi kinakailangang character mula sa isang stylesheet upang bawasan ang laki nito bago ihatid sa mga browser. Ang aktwal na mga panuntunan ay hindi nagbabago: ang isang pinaliit na stylesheet ay nagre-render ng mga pahina nang magkapareho sa hindi pinaliit na pinagmulan. Ang mga matitipid ay nagmumula sa pag-alis ng mga bagong linya, mga redundant na semicolon, komento, hex-color na shorthand na pagkakataon, at zero-unit shortcut (pinapalitan ang 0px ng 0).
Sa mga modernong website na may dose-dosenang mga panuntunan sa istilo, ang karaniwang pagbabawas ay 20–40% kumpara sa hindi pinaliit na pinagmulan. Kasama ng gzip compression sa server, lumiliit ang marginal savings — epektibong na-compress na ng gzip ang paulit-ulit na text — ngunit natalo pa rin ng kumbinasyon ang compression nang mag-isa, lalo na kapag ang mga stylesheet ay naka-cache at naihatid nang maraming beses sa maraming bisita.
Pinoproseso ng minifier na ito ang CSS sa iisang pass, pag-aalis ng mga komento sa labas ng mga value ng url(), pag-collapse ng whitespace, pag-alis ng mga redundant na semicolon bago isara ang mga brace, paglalapat ng zero-unit na shorthand, at pag-convert ng anim na digit na kulay ng hex sa tatlong-digit na anyo kung posible (#ffffff → #fff). Ang output ay nananatiling wastong CSS na na-parse nang tama ng anumang browser.
Mas mabilis na naglo-load ang mas maliliit na CSS file at bumababa ang oras ng pag-block ng pag-render, na parehong nagpapahusay sa mga marka ng First Contentful Paint at Pinakamalaking Contentful Paint. Para sa mga site kung saan nakakaapekto ang Core Web Vitals sa pagraranggo ng paghahanap, sulit ang pagsisikap sa bawat kilobyte ng render-blocking CSS shaved.
Mahalaga rin ang mga gastos sa bandwidth sa sukat. Ang mga site na naghahatid ng milyun-milyong page view ay nakakatipid ng masusukat na halaga ng paglabas kapag ang kanilang mga stylesheet ay 30% na mas maliit. Ang mga singil sa CDN, paggamit ng mobile data, at pagkonsumo ng enerhiya ay bahagyang nakikinabang. Ang pagpapaliit ay mahalagang libre — isang beses na hakbang sa pagbuo na walang gastos sa pagpapanatili.
I-paste ang CSS, kunin ang minified na bersyon.
Ang CSS minification ay halos konserbatibong pag-alis ng whitespace. Ang whitespace sa loob ng mga tagapili, deklarasyon, at halaga ay pinapanatili kung saan mahalaga; Na-collapse ang whitespace sa labas. Inalis ang mga komento maliban kung nagsisimula sila sa /*! (mga komento sa pangangalaga ng lisensya).
Mga karaniwang shortcut: 0px, 0em, at mga katulad na zero-unit value ay nagiging 0; anim na digit na kulay ng hex na may mga ipinares na digit (#ffffff, #336699) ay naging tatlong-digit (#fff, #369); ang huling semicolon bago ang } ay tinanggal. Ang mga pangalan ng kulay ay hindi awtomatikong kino-convert sa hex dahil ang hex ay minsan ay mas mahaba (ang pula ay mas maikli sa #f00 ang haba; #ff0000 ay mas mahaba kaysa sa pula).
Ang output ay dapat pumasa sa anumang CSS validator na tumatanggap ng input. Ang suporta sa browser ay hindi nagbabago — hindi binabago ng minification ang mga panuntunan sa kanilang sarili, tanging ang kanilang representasyon ng teksto.