Minifikues & Zbukurues CSS Falas
Minifikoni CSS-në për të reduktuar madhësinë e skedarit ose zbukuroni CSS-në e minifikuar për lexueshmëri. I menjëhershëm, në shfletuesin tuaj.
Lësho një skedar .css këtu, ose kliko për të shfletuar
CSS · Nuk ka kufi për madhësinë e skedarit
ose shtypni Ctrl+V për të ngjitur nga clipboard
Si funksionon
Ky mjet përdor një tokenizues CSS të shkruar me dorë, pa varësi, ndërtuar tërësisht në JavaScript — pa biblioteka të jashtme, pa thirrje serveri. Tokenizuesi klasifikon çdo karakter si kod, koment, varg me thonjëza, ose vlerë url() para se të zbatojë ndonjë transformim, gjë që parandalon rregullat e hapësirave nga dëmtimi i përmbajtjes së vargjeve, URI-ve të dhënash, ose shprehjeve calc().
- 1Kalimi i tokenizimitCSS-ja hyrëse skanohet karakter pas karakteri dhe ndahet në shenja të tipizuara: segmente kodi të papërpunuara, komente /* ... */, vargje me thonjëza (duke ruajtur sekuencat e shpëtimit), dhe blloqe url(...). Kjo siguron që transformimet në hapin tjetër preken vetëm sintaksën aktuale CSS — kurrë përmbajtjen e një literali vargu apo URI të dhënash.
- 2Minifikim ose bukurizimNë mënyrën minify, komentet e zakonshme hiqen (komentet /*! license */ mbahen), sekuencat e hapësirave në shenjat e kodit shpalosen në hapësira të vetme, dhe hapësirat ngjitur me pikësim rreth { } : ; , > ~ hiqen. Hapësirat rreth + dhe - lihen qëllimisht të pandryshuara për të shmangur prishjen e shprehjeve calc(). Në mënyrën beautify, kodi minifikohet së pari në një bazë të pastër, pastaj rikodifikohet dhe rikandëzohet me gjurmim thellësie dy-hapësirash dhe zbulim dyshapi deklarate për të dalluar dy pikat property: value nga dy pikat selektori si a:hover.
- 3Vlerësim madhësie GzipPas prodhimit të daljes, API-ja vendase CompressionStream e shfletuesit përdoret për të kompresuar rezultatin me gzip dhe për të matur numrin e bajteve rezultues. Kjo jep një vlerësim realist të madhësisë së transferimit që përputhet me atë çfarë do të dërgonte një server web me kompresim gzip nëpër rrjet.
- 4Kopjo ose shkarkoCSS-ja e përpunuar shkruhet te clipboard përmes API-së Clipboard, ose shkarkohet si styles.min.css (mënyra minify) ose styles.css (mënyra beautify) duke përdorur një Blob me llojin MIME text/css. Përqindja e uljes së madhësisë shfaqet drejtpërdrejt ndërsa shkruan.
Mjete të ngjashme
Formatues JSON
Formatoni, vërtetoni, minimizoni dhe eksploroni të dhënat JSON. Pamja e pemës, theksimi i sintaksës dhe kopjimi me një klikim.
Zbukurues & Minifikues HTML
Formatoni në mënyrë të pastër ose minifikoni HTML me thellim të duhur ndërfutjeje. Ruan përmbajtjen brenda blloqeve <pre>, <script>, <style>.
Formatues & Validues XML
Formatoni në mënyrë të pastër dhe validoni XML duke përdorur parser-in vendas DOM të shfletuesit tuaj. Përfshin dalje të minifikuar për përdorim në prodhim.