CSS-tömörítő

Kompresszi a pasztált CSS snippets vagy a helyi .css fájlok közvetlenül a böngészőben. a stíluslap nem tölthető fel, bejelentkezik, vagy küldik egy API.

Kattintson egy CSS fájl kiválasztásához, vagy dobja ide

A CSS-t közvetlenül az alábbi szerkesztőbe is beillesztheti.

0 bájt

0 bájt

Kész

A konzervatív CSSO beállítások

A szabványos futás eltávolítja a megjegyzéseket és a szóközöket, de a strukturális optimalizációkat kikapcsolva tartja, hogy elkerülje a kockázatos stíluslap-átírásokat.

Részlet- és fájlbevitel

Illesszen be részleges CSS-t, teljes stíluslapokat, médialekérdezéseket, egyéni tulajdonságokat, vagy töltsön be egy helyi .css fájlt.

Biztonságos mérés

Az Analytics csak méret- és csökkentési kategóriákat használ. CSS-forrás, URL-ek, szelektorok, megjegyzések és fájlnevek nem kerülnek a telemetriába.

Gyakran ismételt kérdések

A CSS-t a Convertrra töltötte fel?

Nem. A minifikáló a böngésző JavaScript-jével helyben fut. A beillesztett CSS és a kiválasztott fájlok nem kerülnek elküldésre a Convertr szervereire.

Miért van a strukturális optimalizáció alapértelmezés szerint letiltva?

Néhány agresszív CSS-átírás megváltoztathatja a kaszkád viselkedését. Az első verzió a tömörítést konzervatívan tartja, és a biztonságos minifikációra összpontosít.

Mi történik, ha a CSS szintaktikai hibát tartalmaz?

Az elemző hiba a figyelmeztető panelen jelenik meg, így a kimenet másolása előtt javíthatja a stíluslapot.

Kapcsolódó fejlesztői eszközök

SCSS Fordító Sass/SCSS snippets online összeállítása CSS Színkonvertáló CSS színek konvertálása CSS-gradiens generátor CSS-gradiensek létrehozása helyben WCAG Színkontraszt Ellenőrző Ellenőrizze az akadálymentes színkontrasztot HTML-tömörítő HTML töredékek tömörítése SVG Optimalizáló SVG-kód tömörítése Fejlesztői Eszközök Tallózás a böngésző segédprogramjai között

CSS-tömörítő

Távolítsa el a biztonságos formázást és megjegyzéseket a beillesztett CSS-ből az átviteli méret csökkentése érdekében.

Bemenet
CSS forrásszöveg és a rendelkezésre álló kicsinyítési opciók.
Kimenet
Kicsinyített CSS, valamint előtte-utána méretinformációk.
Valódi korlátozások
A minifikáció nem szemantikai érvényesítés, előtagolás vagy holtkód-eltávolítás; a hibás CSS és a szokatlan hekkek kézi felülvizsgálatot igényelhetnek.
Adatvédelem és adatkezelés
A CSS forráskód szövegét és a rendelkezésre álló minifikációs opciókat ebben a böngészőben dolgozzák fel. A Convertr nem kapja meg vagy tárolja azt; az oldal bezárása vagy újratöltése törli a munkafolyamatot, kivéve, ha az eszköz kifejezetten helyi letöltést kínál.

Hogyan használjuk ezt az eszközt

  1. A CSS forráskód szövegét és a rendelkezésre álló minifikációs lehetőségeket az eszközvezérlőkben biztosítja.
  2. Válassza ki a beállításokat, amelyek befolyásolják a minifikált CSS-t plusz az előtte-utána méretinformációkat, majd futtassa az eszközt.
  3. Ellenőrizze a minifikált CSS-t, valamint az előtte és utána méretinformációkat, mielőtt másolja vagy letölti.

Gyakori hibák

A záratlan blokkok, érvénytelen karakterláncok vagy olyan szintaxis, amelyet az elemző nem ért, hibaként tér vissza a módosított kimenet helyett.

Gyakorlati példa

Egy formázott .card szabály minifikálása a behúzások, megjegyzések és felesleges szóközök eltávolításával, miközben megőrzi a deklarációit.