CSS-minifier

Pakkaa liitetyt CSS-katkelmat tai paikalliset .css-tiedostot suoraan selaimessasi. Tyylilehteäsi ei ladata, kirjata tai lähetetä API:lle.

Klikkaa valitaksesi CSS-tiedosto tai pudota se tähän

Voit myös liittää CSS:n suoraan alla olevaan editoriin.

0 tavua

0 tavua

Valmis

Konservatiiviset CSSO-asetukset

Oletusarvoinen suoritus poistaa kommentit ja välilyönnit, mutta pitää rakenteelliset optimoinnit pois käytöstä riskialttiiden tyylitiedostojen uudelleenkirjoitusten välttämiseksi.

Katkelman ja tiedoston syöttö

Liitä osittainen CSS, täydelliset tyylisivut, media queryt, mukautetut ominaisuudet tai lataa paikallinen .css-tiedosto.

Turvallinen mittaus

Analytiikka käyttää vain koko- ja pienennysryhmiä. CSS-lähteet, URL-osoitteet, valitsimet, kommentit ja tiedostonimet eivät kuulu telemetriaan.

Usein kysytyt kysymykset

Onko CSS-tiedostoni ladattu Convertriin?

Ei. Minifioija toimii paikallisesti selaimen JavaScriptillä. Liitetty CSS ja valitut tiedostot eivät lähetetä Convertrin palvelimille.

Miksi rakenteellinen optimointi ei ole oletuksena 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 CSS:ssä on syntaksivirhe?

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

Liittyvät kehittäjätyökalut

SCSS-kääntäjä Käännä Sass/SCSS-pätkät verkossa CSS-värimuunnin Muunna CSS-värejä CSS-liukuvärigeneraattori Luo CSS-liukuvärejä paikallisesti WCAG-värikontrastin tarkistin 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 liitetystä CSS:stä siirtokoon pienentämiseksi.

Syöte
CSS-lähdeteksti ja käytettävissä olevat pienennysvaihtoehdot.
Tulos
Minifioitu CSS sekä ennen ja jälkeen -kokotiedot.
Todelliset rajoitukset
Minifointi ei ole semanttista validointia, etuliitteiden lisäystä tai kuolleen koodin poistoa; virheellinen CSS ja epätavalliset kikkailut voivat vaatia manuaalista tarkistusta.
Yksityisyys ja tietojen käsittely
CSS-lähdeteksti ja käytettävissä olevat minifiointivaihtoehdot käsitellään tässä selaimen välilehdessä. Convertr ei vastaanota tai tallenna sitä; sivun sulkeminen tai uudelleenlataaminen tyhjentää työtilan, ellei työkalu nimenomaisesti tarjoa paikallista latausta.

Kuinka käyttää tätä työkalua

  1. Anna CSS-lähdeteksti ja käytettävissä olevat minifiointivaihtoehdot työkalun säätimissä.
  2. Valitse asetukset, jotka vaikuttavat tiivistettyyn CSS:ään sekä ennen ja jälkeen kokotietoihin, sitten käynnistä työkalu.
  3. Tarkista pienennetty CSS sekä ennen-jälkeen kokotiedot ennen kopiointia tai lataamista.

Yleiset virhetilat

Sulkemattomat lohkot, virheelliset merkkijonot tai syntaksi, jota jäsennin ei ymmärrä, palautetaan virheenä muunnetun tuloksen sijaan.

Hyödyllinen esimerkki

Minifioi muotoiltu .card-sääntö poistamalla sisennys, kommentit ja tarpeettomat välilyönnit säilyttäen samalla sen ilmoitukset.