Kisafishaji na Kipunguzaji cha CSS

Panga upya CSS iliyovurugika ili kuisoma, au ipunguze ili kuisambaza — ikiwa na hali salama ambayo haipangi upya sheria zako kamwe.

Ujumuishaji
Mbano
Bandika au andika CSS ili kuisafisha au kuipunguza.

CSS yako inafomatiwa na kupunguzwa kwenye kivinjari chako. Hakuna kinachopakiwa kwenye BroBroGo.

Maswali Yanayoulizwa Sana

Kuna tofauti gani kati ya kusafisha (beautify) na kupunguza (minify)?

Kusafisha (Beautify) hupanga upya ujumuishaji na nafasi za mitindo yako ili iwe rahisi kusoma na kuhariri. Kupunguza (Minify) hufanya kinyume chake — huondoa nafasi tupu na maoni ambayo kivinjari hakihitaji na kufupisha thamani kama vile rangi, ili faili iwe ndogo na kupakia haraka. Safisha unapofanya kazi, punguza kabla ya kusambaza.

Mipangilio ya mbano ya Salama (Safe) na Iliyoboreshwa (Optimized) hufanya nini?

Hali Salama (Safe) huondoa tu nafasi tupu na maoni na kufupisha thamani, huku ikiacha kila sheria pale pale ulipoandika. Hali Iliyoboreshwa (Optimized) huenda mbali zaidi na kuunganisha viteuzi na sheria zinazojirudia kwa faili ndogo zaidi — inaweza kupanga upya sheria, kwa hivyo kwenye laha za mitindo zinazotegemea mpangilio wa chanzo inafaa kuikagua haraka kabla ya kusambaza. Maoni yaliyowekwa alama /*! … */ huwekwa kwa njia zote mbili.

Je, kupunguza kutabadilisha jinsi ukurasa wangu unavyoonekana?

Katika hali Salama (Safe), hapana — mitindo yako itaonekana vile vile. Inapunguza nafasi tupu, inaondoa maoni ya kawaida na kuandika upya thamani katika muundo mfupi unaolingana (kama #ffffff kuwa #fff), na haibadilishi kamwe viambishi awali vya muuzaji wako au sintaksia ya kisasa. Hali Iliyoboreshwa (Optimized) pia huunganisha sheria, ambayo inaonekana sawa kwenye karibu kila laha ya mitindo lakini inafaa kuhakikiwa ikiwa yako inategemea mpangilio wa sheria.

Kisafishaji na Kipunguzaji cha HTMLPanga upya HTML iliyovurugika ili kuisoma, au ipunguze ili kuisambaza — ikiwa na ukaguzi wa hiari wa tagi zilizoharibika.Kiboreshaji cha SVGSafisha msimbo wa SVG na uupunguze bila kubadilisha mchoro.Kisafishaji na Kipunguzaji cha JavaScriptPanga upya JavaScript iliyopunguzwa au kufichwa ili uweze kuisoma, au punguza msimbo wako mwenyewe ili kuusambaza ukiwa mdogo zaidi.Kikokotoo cha CSS clamp()Ingiza saizi ya skrini ndogo na kubwa na upate thamani ya clamp() inayobadilika vizuri katikati yake — kwa ajili ya saizi za fonti, padding, margin au gap.Jenereta ya GradientUnda gradient ya linear, radial, au conic, ongeza vituo vya rangi na uweke mwelekeo, kisha unakili CSS kwa mbofyo mmoja.Jenereta ya Box ShadowBuruta vitelezi ili kuunda box-shadow, weka tabaka kwa kina zaidi, na unakili CSS iliyokamilika papo hapo.Kigeuzi cha RangiBadilisha rangi kati ya HEX, RGB, HSL, HSV, CMYK na LAB — hariri sehemu yoyote na nyingine zitasasishwa unapoendelea.Kipanga Muundo wa JSONPanga muundo, thibitisha na upunguze JSON papo hapo.