CSS minifier

Kompresuokite pastatytus CSS snipets arba vietinius .css failus tiesiogiai jūsų naršyklėje. Jūsų stilių lapai nėra įkelti, prisijungti ar siunčiami prie API.

Spustelėkite, kad pasirinktumėte CSS failą arba atsisiųskite čia

Taip pat galite įterpti CSS tiesiogiai į žemiau esančią redaktorių.

0 baitų

0 baitų

Paruošta nuskaityti

Konservatyvus CSSO nustatymas

Išimtinai paleidimas pašalina komentarus ir baltąją erdvę, tačiau struktūrinių optimizavimų neįjungia, kad būtų išvengta rizikingų stiliaus lapų perrašų.

Fragmento ir failo įvestis

Pateikite CSS, full stylesheets, media queries, custom properties, or load to local .css file.

Saugus matavimas

Analitika naudoja tik dydžio ir sumažinimo buckets. CSS šaltinis, URL, pasirinkėjai, komentarai ir failų pavadinimai lieka telemetrijos.

Dažniausiai užduodami klausimai

Ar mano CSS įkeliamas į konverterį?

Ne. Miniferius veikia vietoj naršyklės JavaScript. Pastarosios CSS ir pasirinktos failų nėra siunčiamos į konvertuojančių serverių.

Kodėl struktūrinė optimizavimas išankstiniu būdu neįmanomas?

Kai kurie agresyvūs CSS perrašai gali pakeisti kaskadų elgesį. pirmoji versija išlaiko suspaudimą konservatyviai ir orientuota į saugią minifikaciją.

Kas atsitinka, kai CSS turi sintažo klaidą?

Parsero klaida rodomas įspėjimų panelyje, todėl prieš kopijuojant išleidimą galite ištaisyti stiliaus lapą.

Susiję kūrėjo įrankiai

SCSS Kompiliatorius Sass / SCSS Snippets internete CSS spalvų konverteris Konvertuoti CSS spalvas CSS gradientų generatorius Kuriate CSS gradientus vietiniu būdu WCAG spalvų kontrasto tikrintuvas Patikrinkite prieinamą spalvų kontrastą HTML minifier Suspausti HTML fragmentus SVG optimizavimo priemonė Suspauskite SVG kodą Kūrėjų įrankiai Naršykite naršyklės priemones

CSS minifier

Pašalinti saugią formatuoti ir komentarus iš pasenusių CSS sumažinti perdavimo dydį.

Įvestis
CSS šaltinio tekstas ir turimos minifikavimo galimybės.
Išvestis
Minified CSS daugiau before-and-after dydžio informacija.
Svarbūs apribojimai
Minifikavimas nėra semantiškas patvirtinimas, išankstinis nustatymas ar mirusio kodo pašalinimas; klaidingai sukurtas CSS ir neįprasti įsilaužimai gali reikalauti rankinio peržiūros.
Privatumas ir duomenų tvarkymas
CSS šaltinio tekstas ir turimos minifikavimo galimybės yra apdorojamos šioje naršyklės lentelėje. konverteris nepriima ar saugoma; uždarant arba perkelti puslapį išvaloma darbo būklė, nebent įrankis aiškiai siūlo vietinį atsisiuntimą.

Kaip naudoti šį įrankį

  1. Įveskite CSS šaltinio tekstą ir turimus minifikavimo variantus įrankio kontrolėse.
  2. Pasirinkite nustatymus, kurie paveikia miniatyvus CSS ir anksčiau ir vėliau dydžio informaciją, tada paleiskite įrankį.
  3. Peržiūrėkite miniatyvus CSS ir anksčiau ir vėliau dydžio informaciją prieš kopijuojant ar atsisiunčiant.

Dažnos nesėkmių priežastys

Neįdarytos blokai, neigiamos juostelės arba sintažas, kurių parseris negali suprasti, grąžinami kaip klaida vietoj pakeisto išleidimo.

Praktinis pavyzdys

Minifikuokite formatuotą .card taisyklę pašalinant indentaciją, komentarus ir nereikalingas vietas, išlaikydami savo pareiškimus.