Conas a mhionaitheanta CSS ar líne gan aon rud a shuiteáil?

Greamaigh do CSS isteach in Ionchur CSS, nó scaoil comhad .css, ansin cliceáil Mionaigh CSS. Baintear tuairimí agus spás bán breise, agus is féidir leat an toradh a Chóipeáil nó a Íoslódáil mar styles.min.css.

An gcoinníonn an mionaitheoir CSS tuairimí ceadúnais agus URInna sonraí slán?

Coinníonn. Fágtar gnáth-thuairimí ar lár, ach coinnítear tuairimí /*! license */. Déantar teaghráin athfhriotail, luachanna url() agus URInna sonraí a chomharthú ar leith, mar sin ní athraíonn rialacha spás bán iad.

Conas a thiompaím CSS mionaithe ar ais ina chód inléite?

Cliceáil Déan CSS álainn in ionad Mionaigh CSS. Athuaslagraítear an cód le dhá spás in aghaidh an leibhéil, agus idirdhealaítear idir idirstadanna roghnóra cosúil le a:hover agus idirstadanna airíonna. Sábhálann Íoslódáil é mar styles.css.

Cad is brí leis an uimhir gzip in aice leis an laghdú?

Is meastachán é ar mhéid an aschuir tar éis comhbhrú gzip, tomhaiste le API CompressionStream an bhrabhsálaí. Mura bhfuil an API sin ag do bhrabhsálaí, ní thaispeántar an méid gzip.

An seoltar mo CSS chuig freastalaí nuair a mhionaím é?

Ní sheoltar. Déanann tocainín JavaScript i do bhrabhsálaí an mionú, gan leabharlann sheachtrach. Ní uaslódáiltear aon ní, mar sin is féidir leat é a úsáid ar bhileoga stíle príobháideacha.

An bhfuil sé saor in aisce i ndáiríre?

Is ea. Tá gach uirlis saor in aisce le húsáid, gan cuntas agus gan cárta creidmheasa. Déantar an obair ar do ghléas féin seachas ar ár bhfreastalaithe, rud a ligeann dúinn é a choinneáil saor in aisce.

An oibríonn sé ar shoghluaiste?

Tá. Ritheann sé i mbrabhsálaithe soghluaiste reatha ar iOS agus ar Android, gan aon rud le suiteáil.

🗜️

Mionaitheoir agus Maisitheoir CSS saor in aisce

Mionigh CSS chun méid comhaid a laghdú nó maisithe CSS mionaithe le haghaidh inléiteachta. Go láithreach, i do bhrabhsálaí.

Ritheann i do bhrabhsálaíGan clárú, gan preabfhuinneogaNíl gá le logáil isteachSaor in aisce go deo

Oibríonn as líne nuair a lódáiltear é

nó scaoil comhad .css thíos

Scaoil comhad .css anseo, nó cliceáil le brabhsáil

CSS · próiseáilte ar do ghléas

nó brúigh Ctrl+V chun greamú ón ngearrthaisce

Brabhsáil comhaid

Ionchuir CSS

Aschur CSS

Léireofar an t-aschur anseo…

Úsáidí coitianta

Íoslaghdaigh CSS do Scaoileadh TáirgtheÍoslaghdaigh méid comhaid CSS sula scaoileadh go táirgthe — ualach leathanaigh níos gasta agus costais bhanda níos ísle.
Áilleacht Íoslaghdaithe CSS do DhífhabhraíteoireachtFormáid dhomhain agus íoslaghdaithe CSS i gcód inléite ionas gur féidir leat stílanna a imscrúdú agus a dhífhabhraíteoireacht.
Íoslaghdaigh CSS do Shampláir RíomhphostGeal CSS do shampláir HTML ríomhpoist áit ar chothrom méid comhaid agus líonadh stíl inline.
Íoslaghdaigh CSS do Thema WordPressÍoslaghdaigh méid stíl-leabhar tema WordPress saincheaptha do scór PageSpeed níos fearr.
Áilleacht CSS do Athbhreithniú ChóidFormáid aon comhad CSS i gcód geal, i láidir agus inléite réidh do athbhreithniú agus comhoibriú.

Conas a Oibríonn sé

Úsáideann an t-uirlis seo tocainíoch CSS lámhscríofa, gan spleáchas, tógtha go hiomlán i JavaScript — gan leabharlanna seachtracha, gan glaonna freastalaí. Rangaíonn an tocainíoch gach carachtar mar chód, trácht, teaghrán idir chomharthaí, nó luach url() sula gcuireann sé aon chlaochlú i bhfeidhm, rud a chosc ar rialacha spáis bháin ábhar teaghráin, URIanna sonraí, nó sloinn calc() a chur ó mhaith.

1
Pas tocainithe
Scanadh an CSS ionchuir carachtar ar charachtar agus roinnte i dtocainí clóite: deighleoga cód amh, tráchtanna /* ... */, teaghráin idir chomharthaí (ag caomhnú seichimh éalúcháin), agus bloic url(...). Cinntíonn sé seo nach dtéann claochluithe sa chéad chéim eile i dteagmháil ach le comhréir CSS iarbhír — ní ábhar litriúil teaghráin ná URI sonraí riamh.
2
Minifiú nó maisiú
I mód minifiú, scaoiltear tráchtanna gnácha (coinnítear tráchtanna /*! ceadúnas */), déantar rithe spáis bháin i dtocainí cóid a chomhbhrú go dtí spásanna aonair, agus baintear spás bán in aice le poncaíocht timpeall { } : ; , > ~. Fágtar spásanna timpeall + agus - d'aon ghnó ionas nach mbristear sloinn calc(). I mód maisithe, minifítear an cód ar dtús go bunlíne ghlan, ansin atocainítear agus at-eangaítear é le rianú doimhneachta dhá-spáis agus brath leathstaid-dearbhaithe chun idirdhealú a dhéanamh idir leathstaid property: value agus leathstad roghnóra cosúil le a:hover.
3
Meastachán méid gzip
Tar éis an t-aschur a tháirgeadh, úsáidtear API CompressionStream dúchasach an bhrabhsálaí chun an toradh a chomhbhrú le gzip agus an comhaireamh beart a thomhas. Tugann sé seo meastachán méid aistrithe réalaíoch atá comhionann leis an méid a sheolfadh freastalaí gréasáin le comhbhrú gzip thar an líonra.
4
Cóipeáil nó íoslódáil
Scríobhtar an CSS próiseáilte chuig an ngearrthaisce tríd an API Gearrthaisce, nó íoslódáiltear é mar styles.min.css (mód minifiú) nó styles.css (mód maisithe) ag baint úsáide as Blob le cineál MIME text/css. Taispeántar an céatadán laghdaithe méide go beo agus tú ag clóscríobh.

Uirlisí Gaolmhara

✨

Optamaitheoir & Mionaitheoir SVG

Bain meiteashonraí, tit spás bán, agus babhta dheachúlacha chun méid comhaid SVG a laghdú go mór — laghduithe tipiciúla 30-70%. Fíoraíonn réamhamharc amhairc nach briseann aon rud.

Bain triail asFanann comhaid go háitiúil

🎨

Maisitheoir CSS

Formáidigh CSS miniaithe le heangú comhsheasmhach, nó miniaigh é. Sórtáil aibítre roghnach ar airíonna le haghaidh difríochtaí intuartha.

Bain triail as

📋

Formáideoir JSON

Formáidigh, bailíochtaigh, mionlaghdaigh, agus scrúdaigh sonraí JSON. Amharc crann, béim ar chomhréir, agus cóip aon-cliceáil.