Hvernig minnka ég CSS á netinu án þess að setja neitt upp?

Límdu CSS-ið í Inntaks-CSS eða slepptu .css-skrá og smelltu síðan á Smækka CSS. Athugasemdir og aukabil eru fjarlægð og þú getur Afritað niðurstöðuna eða Sótt hana sem styles.min.css.

Heldur CSS-smækkarinn leyfisathugasemdum og gagnaslóðum óbreyttum?

Já. Venjulegar athugasemdir eru felldar niður en /*! license */ athugasemdir haldast. Strengir í gæsalöppum, url()-gildi og gagnaslóðir eru táknaðar sérstaklega, svo bilareglur breyta þeim ekki.

Hvernig breyti ég smækktu CSS aftur í læsilegan kóða?

Smelltu á Fegra CSS í stað Smækka CSS. Kóðinn er inndreginn aftur með tveimur bilum á hverju stigi og tvípunktar veljara eins og a:hover eru aðgreindir frá tvípunktum eiginleika. Sækja vistar það sem styles.css.

Hvað þýðir gzip-talan við hliðina á minnkuninni?

Það er mat á stærð úttaksins eftir gzip-þjöppun, mælt með CompressionStream API vafrans. Ef vafrinn þinn hefur ekki það API er gzip-stærðin ekki sýnd.

Er CSS-ið mitt sent á netþjón þegar ég smækka það?

Nei. Smækkunin er unnin af JavaScript-táknara sem keyrir í vafranum þínum, án ytra safns. Ekkert er sent upp, svo þú getur notað það á einkastílblöð.

Er þetta í alvöru ókeypis?

Já. Öll verkfæri eru ókeypis í notkun, án aðgangs og án kreditkorts. Vinnan fer fram í tækinu þínu frekar en á netþjónum okkar, sem gerir það að verkum að hægt er að halda þjónustunni ókeypis.

Virkar það í farsíma?

Já. Það keyrir í nýlegum farsímavöfrum á iOS og Android án þess að setja neitt upp.

🗜️

CSS-þjöppun og -fegurð — ókeypis

Þjappðu CSS til að minnka skrárstærð eða fegðu þjappaðan CSS til að auka læsileika. Augnabliksleg, í vafranum þínum.

Keyrir í vafranum þínumEngin skráning, engir sprettigluggarEngin innskráning krafistFrjáls að eilífu

Virkar án nettengingar eftir hleðslu

eða slepptu .css skrá hér að neðan

Slepptu .css skrá hér, eða smelltu til að velja

CSS · unnið í tækinu þínu

eða ýttu á Ctrl+V til að líma af klippiborði

Skoðaðu skrár

CSS-inntak

CSS-úttak

Úttak birtist hér…

Algeng notkun

Minnkaðu CSS fyrir framleiðslu dreifinguMinnkaðu CSS skrár stærð áður en dreifingu til framleiðslu — hraðari síðuhlaðir og lægri bandalagður kostnaðir.
Fagnaðu minnkuð CSS fyrir villuleitSniðu þjöppuð eða minnkuð CSS í læsilega kóða svo þú getur skoðað og villuleit stíl.
Minnkaðu CSS fyrir tölvupóst sniðmátSamsetjaðu CSS fyrir HTML tölvupóst sniðmát þar sem skrár stærð og innlínur stílir blöðunin máli.
Minnkaðu CSS fyrir WordPress þemuMinnkaðu stærð sérsniðra WordPress þema stílbóka fyrir betri PageSpeed stig.
Fagnaðu CSS fyrir kóða endurskoðunSniðu hvaða CSS skrá í hreina, innskrá, læsilega kóða tilbúnir fyrir endurskoðun og samstarf.

Hvernig það virkar

Þetta tól notar handskrifaðan, án-ytri-háða CSS-táknara byggðan algjörlega í JavaScript — ekkert ytra bókasafn, engin netþjónskall. Táknarinn flokkar hvern staf sem kóða, athugasemd, tilvitnaðan streng, eða url() gildi áður en nokkrum umbreytingum er beitt, sem kemur í veg fyrir að bilareglur skemmi strengjainnihald, data-URI, eða calc()-tjáningar.

1
Táknunarlota
Inntaks-CSS er skannað staf-fyrir-staf og skipt í tegundur tákn: hrá kóðahluta, /* ... */ athugasemdir, tilvitnaða strengi (varðveita flóttarunur), og url(...) blokkir. Þetta tryggir að umbreytingar í næsta skrefi snerta aðeins raunverulega CSS-setningafræði — aldrei innihald strengjabókstafs eða data-URI.
2
Minification eða fegrun
Í minify ham eru venjulegar athugasemdir felldar burt (/*! license */ athugasemdir eru varðveittar), rásir af bilum í kóðatáknum eru felldar í stök bil, og greinarmerkja-aðliggjandi bil í kringum { } : ; , > ~ eru fjarlægð. Bil í kringum + og - eru vísvitandi látin vera til að forðast að brjóta calc()-tjáningar. Í beautify ham er kóðinn fyrst minified í hreinan grunn, svo endurtáknaður og endurinndreginn með tveggja-bila dýptar-fylgni og yfirlýsingar-tvípunkta-greiningu til að greina property: value tvípunkta frá veljara-tvípunktum eins og a:hover.
3
Gzip-stærðaráætlun
Eftir að úttakið er framleitt er native CompressionStream API vafrans notað til að þjappa niðurstöðuna með gzip og mæla bætatalinn sem af hlýst. Þetta gefur raunhæfa flutningsstærðaráætlun sem samsvarar því sem vefþjónn með gzip-þjöppun myndi senda yfir netið.
4
Afrita eða sækja
Unnin CSS er skrifuð á klippiborðið með Clipboard API, eða sótt sem styles.min.css (minify ham) eða styles.css (beautify ham) með Blob af MIME-tegundinni text/css. Stærðarminnkunar-prósentan er sýnd lifandi um leið og þú skrifar.

Tengd verkfæri

✨

SVG-fínstillir og -þjöppun

Fjarlægðu lýsigögn, dragðu saman bil og sléttaðu aukastafi til að minnka SVG-skrárstærð verulega — dæmigerðar minnkanir upp á 30-70%. Sjónlæg forskoðun staðfestir að ekkert brotnar.

Prófaðu þaðSkrár eru staðbundnar

🎨

CSS-fegurð

Snyrtu samþjappað CSS með samræmdum inndrætti, eða þjappaðu það. Valfrjáls stafrófsröðun eiginda gerir mismun fyrirsjáanlegri.

Prófaðu það

📋

JSON formatter

Forsníða, staðfesta, minnka og kanna JSON gögn. Trjásýn, auðkenning á setningafræði og afrit með einum smelli.