Minifier ng CSS

I-compress ang mga CSS snippet na naka-paste o lokal na .css file direkta sa iyong browser. Hindi ina-upload, itinatala o ipinapadala sa API ang iyong stylesheet.

Pindutin para pumili ng CSS file o i-drop ito rito

Maaari mo ring i-paste ang CSS nang direkta sa editor sa ibaba.

0 byte

0 byte

Handa na

Mga setting ng Conservative CSSO

Inaalis ng default na pagtakbo ang mga komento at espasyo, ngunit hindi pinapagana ang mga pag-optimize sa estruktura upang maiwasan ang mapanganib na pagbabago sa stylesheet.

Snippet at file input

Idikit ang bahagyang CSS, kumpletong stylesheet, media query, custom property, o mag-load ng lokal na .css file.

Ligtas na pagsukat

Gumagamit lamang ang Analytics ng mga pangkat ng laki at pagbawas. Hindi isinasama sa telemetry ang CSS source, URLs, selector, komento at filename.

Mga Madalas Itanong

Ina-upload ba ang CSS ko sa Convertr?

Hindi. Lokal na tumatakbo ang minifier gamit ang JavaScript ng browser. Hindi ipinapadala sa mga server ng Convertr ang CSS na i-paste mo at ang mga napili mong file.

Bakit hindi awtomatikong pinapagana ang structural optimization?

Maaaring baguhin ng ilang agresibong CSS rewrite ang gawi ng cascade. Pinananatiling konserbatibo ng unang bersyon ang compression at nakatuon ito sa ligtas na minification.

Ano ang mangyayari kapag may syntax error ang CSS?

Ipinapakita ang error ng parser sa panel ng mga babala para maayos mo ang stylesheet bago kopyahin ang output.

Mga kaugnay na tool para sa developer

Compiler ng SCSS Mag-compile ng mga snippet ng Sass/SCSS online Converter ng CSS Color I-convert ang mga CSS color Generator ng CSS Gradient Gumawa ng mga CSS gradient nang lokal Tagasuri ng contrast ng kulay ayon sa WCAG Suriin ang contrast ng kulay para sa accessibility Minifier ng HTML I-compress ang mga HTML snippet Optimizer ng SVG I-compress ang SVG code Mga Developer Tools Tingnan ang mga utility ng browser

Minifier ng CSS

Alisin ang ligtas na pag-format at mga komento mula sa CSS na ini-paste upang mabawasan ang laki ng paglilipat.

ang input
CSS source text at mga available na opsyon sa pagpapaliit.
Mga output
Minified CSS kasama ang impormasyon ng laki bago at pagkatapos.
Mga tunay na limitasyon
Ang minification ay hindi semantic validation, prefixing, o pag-aalis ng dead code; maaaring kailanganing suriin nang manu-mano ang maling CSS at hindi pangkaraniwang hack.
Privacy at paghawak ng data
Ang source text ng CSS at ang mga available na opsyon sa minification ay pinoproseso sa browser tab na ito. Hindi ito natatanggap o iniimbak ng Convertr. Kapag isinara o ni-reload ang page, mabubura ang kasalukuyang kalagayan maliban kung tahasang nag-aalok ang tool ng lokal na download.

Paano gamitin ang tool na ito

  1. Ilagay sa mga kontrol ng tool ang CSS source text at mga available na pagpipilian sa pagliit ng code.
  2. Piliin ang mga setting na nakakaapekto sa minified CSS kasama ang impormasyon ng laki bago at pagkatapos, pagkatapos ay patakbuhin ang tool.
  3. Suriin ang minified CSS at impormasyon ng laki bago at pagkatapos bago ito kopyahin o i-download.

Mga karaniwang sanhi ng pagkabigo

Ibinabalik bilang error, sa halip na baguhin ang output, ang mga hindi nakasarang block, invalid na string, o syntax na hindi maintindihan ng parser.

Kapaki-pakinabang na halimbawa

Liitan ang naka-format na .card rule sa pamamagitan ng pag-alis ng indentation, komento, at mga hindi kailangang espasyo, habang pinananatili ang mga declaration nito.