Nola txikitzen dut CSS sarean ezer instalatu gabe?

Itsatsi zure CSS Sarrerako CSS atalean, edo jaregin .css fitxategi bat, gero egin klik Txikitu CSS botoian. Iruzkinak eta soberako zuriuneak kentzen dira, eta emaitza Kopiatu edo styles.min.css gisa Deskargatu dezakezu.

CSS txikitzaileak lizentzia-iruzkinak eta data URI-ak osorik mantentzen ditu?

Bai. Iruzkin arruntak kentzen dira, baina /*! license */ iruzkinak mantentzen dira. Komatxo arteko kateak, url() balioak eta data URI-ak bereizita tokenizatzen dira, beraz zuriune-arauek ez dituzte aldatzen.

Nola bihurtzen dut CSS txikitua berriro kode irakurgarri?

Egin klik Ederretsi CSS botoian Txikitu CSS beharrean. Kodea berriro koskatzen da maila bakoitzeko bi zuriunerekin, eta a:hover bezalako hautatzaile-bi puntuak propietate-bi puntuetatik bereizten dira. Deskargatu botoiak styles.css gisa gordetzen du.

Zer esan nahi du murrizketaren ondoko gzipped zenbakiak?

gzip konpresioaren ondoko irteera-tamainaren estimazioa da, nabigatzailearen CompressionStream API-arekin neurtua. Zure nabigatzaileak API hori ez badu, gzipped tamaina ez da erakusten.

Nire CSS zerbitzari batera bidaltzen da txikitzen dudanean?

Ez. Txikitzea zure nabigatzailean exekutatzen den JavaScript tokenizatzaile batek egiten du, kanpoko liburutegirik gabe. Ez da ezer igotzen, beraz estilo-orri pribatuetan erabil dezakezu.

Bai. Tresna guztiak doakoak dira, konturik gabe eta kreditu-txartelik gabe. Lanak zure gailuan egiten dira gure zerbitzarietan egin beharrean, eta horri esker mantentzen da doakoa.

Mugikorrean funtzionatzen al du?

Bai. iOS eta Android-eko mugikorretako oraingo nabigatzaileetan funtzionatzen du, ezer instalatu gabe.

🗜️

CSS Txikitzailea eta Apaintzailea doan

Txikiatu CSS fitxategi-tamaina murrizteko edo apainduz txikitutako CSS irakurgarritasunerako. Berehalakoa, zure nabigatzailean.

Nabigatzailean exekutatzen daEz erregistrorik, ez leihatila gainerakorikEz da saioa hasi beharBetiko doan

Linez kanpo funtzionatzen du behin kargatuta

edo jaregin .css fitxategi bat behean

Jaregin .css fitxategi bat hemen, edo egin klik arakatzeko

CSS · zure gailuan prozesatua

edo sakatu Ctrl+V arbeletik itsasteko

Arakatu fitxategiak

CSS sarrera

CSS irteera

Irteera hemen agertuko da…

Ohiko erabilerak

Minify CSS Ekoizpen DeploymenteaMurriztu CSS fitxategiaren tamaina deploymentea aurretik — orriaren kargatzea azkarrago eta bandwith kostua baxua.
Edertasun Minified CSS AraztarakoFormat konpresioaren edo minified CSS irakurgarri kodeari araztu estiloak.
Minify CSS Posta TxantiloiakTrinkotzea CSS HTML posta txantiloientzat fitxategi tamaina eta sarrera estilo azpirotzea.
Minify CSS WordPress GaiaMurriztu web-txantiloi estilo-liburu tamaina hobetzeko PageSpeed puntuak.
Edertasun CSS Kodea BerrikusteaFormat edozein CSS fitxategia garbigaia, sarrera irakurgarri kodea berrikustea eta kolaborazio.

Nola Funtzionatzen Du

Tresna honek eskuz idatzitako, kanpo-mendekotasunik gabeko CSS tokenizatzaile bat erabiltzen du erabat JavaScripten eraikita — kanpo liburutegirik ez, zerbitzari-deirik ez. Tokenizatzaileak karaktere bakoitza kode, iruzkin, komatxo arteko testu-kate edo url() balio gisa sailkatzen du edozein transformazio aplikatu baino lehen, honek zuriune-arauek testu-kateen edukiak, datu-URIak edo calc() adierazpenak hondatzea eragozten du.

1
Tokenizazio-pausua
Sartutako CSS karaktere bakoitza eskaneatzen da eta tipo-token gisa banatzen: kode-zati gordinak, /* ... */ iruzkinak, komatxo arteko testu-kateak (ihes-sekuentziak mantenduz), eta url(...) blokeak. Honek bermatzen du hurrengo urratseko transformazioek CSS sintaxi erreala bakarrik ukitzea — inoiz ez testu-kate literal baten edo datu-URI baten edukia.
2
Minifikazioa edo edertzea
Minifikazio moduan, iruzkin arruntak kentzen dira (/*! lizentzia */ iruzkinak mantentzen dira), kode-tokenetako zuriune-lasterketak zuriune bakarrera kolapsatzen dira, eta { } : ; , > ~ inguruko puntuazio-ondoko zuriunea kentzen da. + eta - inguruko zuriuneak nahita bertan behera uzten dira calc() adierazpenak ez hausteko. Edertzeko moduan, kodea lehenik minifikazio-baseline garbi batera murrizten da, gero berriro tokenizatzen eta koskatzen da bi-zuriuneko sakontasun-jarraipenarekin eta deklarazio-bi-puntu detekzioarekin propietate: balio bi-puntuak a:hover bezalako hautatzaile bi-puntuetatik bereizteko.
3
Gzip tamainaren estimazioa
Irteera sortu ondoren, nabigatzailearen jatorrizko CompressionStream APIa erabiltzen da emaitza gzip-ekin konprimitzeko eta byte-kopuru emaitza neurtzeko. Honek transferentzia-tamainaren estimazio errealista bat ematen du gzip konpresioa duen web-zerbitzari batek sarean bidaliko lukeenarekin bat datorrena.
4
Kopiatu edo deskargatu
Prozesatutako CSS arbelera idazten da Clipboard API bidez, edo styles.min.css (minifikazio moduan) edo styles.css (edertze moduan) gisa deskargatzen da text/css MIME motako Blob bat erabiliz. Tamaina-murrizketaren ehunekoa bizirik erakusten da idazten duzun heinean.

Erlazionatutako tresnak

✨

SVG Optimizatzailea eta Txikitzailea

Kendu metadatuak, bildu zuriuneak eta biribildu dezimalak SVG fitxategi-tamaina dramatikoki murrizteko — tipikoki %30-70 murrizketak. Aurrebista bisualak ezer hautsi ez den egiaztatzen du.

ProbatuFitxategiak lokalean geratzen dira

🎨

CSS Apaintzailea

Formateatu minimizatutako CSS koskadura koherentearekin, edo minimizatu. Propietateen ordena alfabetiko aukerakoa, desberdintasun aurresangarrietarako.

Probatu

📋

JSON formateatzailea

Formateatu, balioztatu, txikitu eta arakatu JSON datuak. Zuhaitz ikuspegia, sintaxia nabarmentzea eta klik bakarreko kopia.