Sut mae lleihau CSS ar-lein heb osod dim?

Gludwch eich CSS i CSS mewnbwn, neu gollyngwch ffeil .css, yna cliciwch Lleihau CSS. Caiff sylwadau a bylchau gwyn ychwanegol eu tynnu, a gallwch Gopïo'r canlyniad neu ei Lawrlwytho fel styles.min.css.

A yw'r lleihäwr CSS yn cadw sylwadau trwydded ac URIs data yn gyfan?

Ydy. Caiff sylwadau rheolaidd eu gollwng, ond cedwir sylwadau /*! license */. Caiff llinynnau mewn dyfynodau, gwerthoedd url() ac URIs data eu tocenneiddio ar wahân, felly nid yw rheolau bylchau gwyn yn eu newid.

Sut mae troi CSS wedi'i leihau yn ôl yn god darllenadwy?

Cliciwch Harddu CSS yn lle Lleihau CSS. Caiff y cod ei ail-fewnoli â dau fwlch i bob lefel, a gwahaniaethir rhwng colonau dewiswyr fel a:hover a cholonau priodweddau. Mae Lawrlwytho yn ei gadw fel styles.css.

Beth mae'r rhif gzip wrth ymyl y gostyngiad yn ei olygu?

Amcangyfrif yw o faint yr allbwn ar ôl cywasgu gzip, wedi'i fesur gydag API CompressionStream y porwr. Os nad oes gan eich porwr yr API hwnnw, ni ddangosir y maint gzip.

A yw fy CSS yn cael ei anfon i weinydd pan fyddaf yn ei leihau?

Na. Gwneir lleihau gan docyneiddiwr JavaScript sy'n rhedeg yn eich porwr, heb unrhyw lyfrgell allanol. Ni chaiff dim ei uwchlwytho, felly gallwch ei ddefnyddio ar daflenni arddull preifat.

A yw'n rhad ac am ddim go iawn?

Ydy. Mae pob offeryn yn rhad ac am ddim i'w ddefnyddio, heb gyfrif a heb gerdyn credyd. Mae'r gwaith yn rhedeg ar eich dyfais yn hytrach nag ar ein gweinyddion ni, a dyna sy'n caniatáu iddo fod yn rhad ac am ddim i'w redeg.

A yw'n gweithio ar ffôn symudol?

Gall. Mae'n rhedeg ym mhorwyr symudol cyfredol iOS ac Android, heb ddim i'w osod.

🗜️

Meinwr a Harddwr CSS am ddim

Meiniwch CSS i leihau maint ffeil neu harddwch CSS wedi'i feinio ar gyfer darllenadwyedd. Ar unwaith, yn eich porwr.

Yn rhedeg yn eich porwrDim cofrestru, dim ffenestri naidNid oes angen mewngofnodiAm ddim am byth

Yn gweithio all-lein ar ôl llwytho

neu gollyngwch ffeil .css isod

Gollyngwch ffeil .css yma, neu cliciwch i bori

CSS · wedi'i brosesu ar eich dyfais

neu pwyswch Ctrl+V i ludo o'ch clipfwrdd

Pori ffeiliau

CSS mewnbwn

CSS allbwn

Bydd yr allbwn yn ymddangos yma…

Defnyddiau cyffredin

Mwynnau CSS ar gyfer Datganiad CynhyrchiadLleihau maint ffeil CSS cyn datganiad cynhyrchiad — llwythi tudalen cyflymach a chost bandwth is.
Prydferchu CSS Mwynnau ar gyfer DadfrysoFformatio CSS cywasgu neu fwynnau i god darllenadwy fel y gallwch archwilio a dadfryso arddulliau.
Mwynnau CSS ar gyfer Templedi E-bostCywasgu CSS ar gyfer templedi e-bost HTML lle mae maint ffeil a dadchwyddo arddull mewn-llinell yn bwysig.
Mwynnau CSS ar gyfer Thema WordPressLleihau maint taflenni arddull thema WordPress addasedig ar gyfer sgôr PageSpeed gwell.
Prydferchu CSS ar gyfer Adolygiad CodFformatio unrhyw ffeil CSS i god glân, wedi'i anelu, darllenadwy yn barod ar gyfer adolygiad a chydweithio.

Sut Mae'n Gweithio

Mae'r offeryn hwn yn defnyddio tocynnwr CSS wedi'i ysgrifennu â llaw, heb ddibyniaeth, wedi'i adeiladu'n gyfan gwbl yn JavaScript — dim llyfrgelloedd allanol, dim galwadau gweinydd. Mae'r tocynnwr yn dosbarthu pob nod fel cod, sylw, llinyn mewn dyfynnodau, neu werth url() cyn cymhwyso unrhyw drawsffurfiadau, sy'n atal rheolau bylchau gwyn rhag llygru cynnwys llinynnau, URIau data, neu fynegiadau calc().

1
Cyfnod tocynnu
Sganir y CSS mewnbwn nod-wrth-nod a'i rannu'n docynnau wedi'u teipio: darnau cod amrwd, sylwadau /* ... */, llinynnau mewn dyfynnodau (yn cadw dilyniannau dianc), a blociau url(...). Mae hyn yn sicrhau bod trawsffurfiadau yn y cam nesaf ond yn cyffwrdd cystrawen CSS go iawn — byth cynnwys llythrennol llinyn nac URI data.
2
Minifeiddio neu brydferthu
Yn y modd minifeiddio, mae sylwadau rheolaidd yn cael eu gollwng (mae sylwadau /*! license */ yn cael eu cadw), mae rhediadau bylchau gwyn mewn tocynnau cod yn cael eu cywasgu i fylchau sengl, a thynnir bylchau gwyn cyfagos-atalnodi o gwmpas { } : ; , > ~. Mae bylchau o gwmpas + a - yn cael eu gadael ar eu pen eu hunain yn fwriadol i osgoi torri mynegiadau calc(). Yn y modd prydferthu, mae'r cod yn cael ei finifeiddio i linell sylfaen lân yn gyntaf, yna ei ail-docynnu a'i ail-odi ag olrhain dyfnder dau-fwlch a chanfod colon-datganiad i wahaniaethu colonau priodwedd: gwerth oddi wrth golonau detholydd fel a:hover.
3
Amcangyfrif maint gzip
Ar ôl cynhyrchu'r allbwn, defnyddir API CompressionStream brodorol y porwr i gywasgu'r canlyniad â gzip a mesur y cyfrif bit sy'n deillio. Mae hyn yn rhoi amcangyfrif maint-trosglwyddo realistig sy'n cyfateb i'r hyn y byddai gweinydd gwe â chywasgiad gzip yn ei anfon dros y rhwydwaith.
4
Copïo neu lawrlwytho
Mae'r CSS wedi'i brosesu'n cael ei ysgrifennu i'r clipfwrdd drwy'r Clipboard API, neu ei lawrlwytho fel styles.min.css (modd minifeiddio) neu styles.css (modd prydferthu) gan ddefnyddio Blob â math MIME text/css. Dangosir y ganran lleihad maint yn fyw wrth i chi deipio.

Offer Cysylltiedig

✨

Optimeiddwr a Meinwr SVG

Tynnu metadata, cywasgu bylchau gwyn, a thalgrynnu degolion i leihau maint ffeil SVG yn sylweddol — gostyngiadau nodweddiadol o 30-70%. Mae rhagolwg gweledol yn gwirio nad oes dim yn torri.

Rhowch gynnig arniMae ffeiliau'n aros yn lleol

🎨

Harddwr CSS

Fformatiwch CSS wedi’i leihau gyda mewnoliad cyson, neu leihewch ef. Trefnu priodweddau yn nhrefn yr wyddor yn ddewisol i gael gwahaniaethau rhagweladwy.

Rhowch gynnig arni

📋

Fformatiwr JSON

Fformatio, dilysu, lleihau, ac archwilio data JSON. Gweld coed, amlygu cystrawen, a chopi un clic.