CSS-minifier

Kompressoi pasted CSS-snippets tai paikalliset .css-tiedostot suoraan selaimessasi. tyylilehtiä ei ladata, kirjaudu sisään tai lähetetä APIlle.

Klikkaa valita CSS-tiedosto tai laske se täältä

Voit myös kiinnittää CSS suoraan alla olevalle muokkaajalle.

0 tavua

0 tavua

Valmis

Konservatiiviset CSSO-asetukset

Oletusarvoinen toiminto poistaa kommentit ja valkoiset tilat, mutta pitää rakenteelliset optimoinnit estämiseksi riskanttien tyylilevyn uudelleenkirjoittamisen välttämiseksi.

Katkelman ja tiedoston syöttö

Osittainen CSS-piste, full stylesheets, media queries, custom properties, or load a local .css file.

Turvallinen mittaus

Analytic käyttää vain koon ja pienenemisen kuutioita. CSS-lähteet, URL-osoitteet, valintaohjelmat, kommentit ja tiedostoimet jäävät telemetriasta.

Usein kysytyt kysymykset

Onko CSS-sovellukseni latautunut Convertriin?

Ei. Minifiiri toimii paikallisesti selaimen JavaScriptin kanssa. Edelliset CSS- ja valitut tiedostot eivät lähetetä Convertrin palvelimille.

Miksi rakenteellista optimointia ei ole käytössä?

Jotkut aggressiiviset CSS-uudistusmuodostukset voivat muuttaa kaskadin käyttäytymistä. Ensimmäinen versio pitää kompression konservatiivisena ja keskittyy turvalliseen minimointiin.

Mitä tapahtuu, kun CSSllä on syntax-virhe?

Parser virhe näkyy varoituspaneelissa, joten voit korjata tyylilehden ennen tuloksen kopiointia.

Liittyvät kehittäjätyökalut

SCSS Kääntäjä Sass/SCSS -snippetit verkossa CSS Värinmuunnin Muunna CSS väriä CSS Gradient Generator -tuotantokone Luo CSS-gradientit paikallisesti WCAG-värikontrastintarkistus Varmista saavutettava värikontrasti HTML-pienentäjä Pakkaa HTML katkelmia SVG-optimointityökalu Pakkaa SVG-koodi Kehittäjätyökalut Selaa selaimen apuohjelmia

CSS-minifier

Poista turvallinen muotoilu ja kommentit vanhentuneesta CSS: stä, jotta siirto koon vähenee.

Syöte
CSS-lähteen teksti ja saatavilla olevat miniatiivit.
Tuloste
Minified CSS plus before-and-after size info.
Todelliset rajoitukset
Minifointi ei ole semanttinen validointi, ennakkoasetukset tai kuolleen koodin poistaminen; väärennetty CSS ja epätavalliset hakkerit voivat vaatia manuaalista tarkistusta.
Yksityisyys ja tietojen käsittely
CSS-lähteen teksti ja käytettävissä olevat miniatiivit käsitellään tässä selaimen taulukossa. muunnin ei saa tai tallentaa sitä; sivun sulkeminen tai uudelleen lataaminen puhdistaa työskentelytapaa, ellei työkalu nimenomaisesti tarjoa paikallista latausta.

Miten käyttää tätä työkalua

  1. Tarjoa CSS-lähteen teksti ja käytettävissä olevat miniatiivit valinnat työkalun ohjauksissa.
  2. Valitse asetukset, jotka vaikuttavat miniatuuri CSS plus ennen ja jälkeen koko tietoja, sitten käynnistää työkalu.
  3. Tarkista mini-CSS plus ennen ja jälkeen koko tietoja ennen kopiointia tai lataamista.

Yleiset epäonnistumismodit

Suljetut lohkot, vailla olevat rivit tai syntax, jota parser ei voi ymmärtää palautuu virheenä muutetun tuloksen sijaan.

Hyödyllinen esimerkki

Minify .card -säännön poistamalla indentation, kommentit ja tarpeettomat tilat säilyttäen samalla sen ilmoitukset.