Minificator CSS

Comprimă scripte CSS pastate sau fișiere .css locale direct în browserul dvs. File de stil nu sunt încărcate, înregistrate sau trimise la o API.

Faceți clic pentru a alege un fișier CSS sau descărcați-l aici

Puteți, de asemenea, să introduceți CSS direct în editorul de mai jos.

0 octeți

0 octeți

Gata

Instalări CSSO conservatoare

Run-ul de preferință îndepărtează comentariile și spațiul alb, dar menține optimizarea structurală disabil pentru a evita redescoperirea riscătoare a etichetei de stil.

Intrare fragment și fișier

Pastați CSS parțial, full stylesheets, media queries, custom properties, or load a local .css file.

Măsurare sigură

Analytics utilizează numai buchetele de dimensiune și reducere. sursa CSS, URL-urile, selectorii, comentariile și numele de fișier rămân în afara telemetrii.

Întrebări frecvente

Sunt CSS-ul meu încărcat în Convertr?

Nu. minifierul funcționează local cu JavaScript browser. CSS trecut și fișierele selectate nu sunt trimise la serverele Convertr.

De ce opțiunea de optimizare structurală este dezactivată prin default?

Unele recrieri agresive CSS pot schimba comportamentul cascadelor. prima versiune menține compresia conservatoare și se concentrează pe minificarea sigură.

Ce se întâmplă atunci când CSS are o eroare de sintax?

Erră de parser este afișată în panourile de avertizare, astfel încât să puteți corecta hârtia de stil înainte de a copia ieșirea.

Instrumente de dezvoltare conexe

SCSS Compilator Compilați Sass/SCSS snippets online Convertor de culori CSS Convertiți culorile CSS Generator de gradin CSS Creați gradientele CSS local Verificator Contrast Culoare WCAG Verificați contrastul accesibil al culorilor Minificator HTML Comprimați HTML fragmente Optimizator SVG Comprimă codul SVG Instrumente pentru dezvoltatori Răsfoiți utilitățile browserului

Minificator CSS

Îndepărtează formatul și comentariile sigure din CSS pasted pentru a reduce dimensiunea transferului.

Intrare
Textul de sursă CSS și opțiunile disponibile de miniere.
Ieșire
Minified CSS mai mult before-and-after size information.
Limitări reale
Minificarea nu este validarea semantică, prefixarea sau eliminarea codului mort; CSS defectuos și hack-uri neobișnuite pot necesita o revizuire manuală.
Privacitatea și prelucrarea datelor
Textul de sursă CSS și opțiunile de miniere disponibile sunt prelucrate în această pagină de browser. Converter nu primește sau stocă; închiderea sau redistribuirea paginii clarifică starea de lucru, cu excepția cazului în care instrumentul oferă explicit o descărcare locală.

Cum să utilizați acest instrument

  1. Furnizați textul de sursă CSS și opțiunile disponibile de minișturi în controlurile de instrumente.
  2. Alegeți setările care afectează miniaturii CSS plus informațiile de dimensiune înainte și după, apoi rulați instrumentul.
  3. Revizuiește miniaturii CSS plus informațiile de dimensiune înainte și după copiere sau descărcare.

Moduri comune de eșec

Blocurile deschise, lanțurile nevalide sau sintaza pe care parserul nu o poate înțelege sunt returnate ca o eroare în loc de o ieșire modificată.

Exemplu util

Minificați o regulă formatată .card prin eliminarea indentării, a comentariilor și a spațiilor inutile, păstrând în același timp declarațiile sale.