CSS minifier

Komprimér indsatte CSS-uddrag eller lokale .css-filer direkte i din browser. Dit stylesheet uploades, logges eller sendes ikke til en API.

Klik for at vælge en CSS-fil eller drop den her

Du kan også lægge CSS direkte ind i editoren nedenfor.

0 byte

0 byte

Parat

Konservative CSSO indstillinger

Standardkørslen fjerner kommentarer og mellemrum, men holder strukturoptimeringer deaktiveret for at undgå risikable omskrivninger af stilark.

Indtastning af uddrag og fil

Indsæt delvis CSS, fulde stylesheets, media queries, brugerdefinerede egenskaber, eller indlæs en lokal .css-fil.

Sikker måling

Analytics bruger kun størrelses- og reduktionsbuckets. CSS-kilde, URL'er, selektorer, kommentarer og filnavne forbliver uden for telemetri.

Ofte stillede spørgsmål

Bliver min CSS uploadet til Convertr?

Nej. Minifieren kører lokalt med browser JavaScript. Indsat CSS og valgte filer sendes ikke til Convertr-serverne.

Hvorfor deaktivere strukturoptimering som standard?

Nogle aggressive CSS-omskrivninger kan ændre kaskadeadfærd. Den første version holder kompressionen konservativ og fokuserer på sikker minificering.

Hvad sker der, når CSS har en syntaksfejl?

Parserfejlen vises i advarselspanelet, så du kan rette stilarket før kopiering af outputtet.

Relaterede udviklerværktøjer

SCSS-kompiler Kompiler Sass/SCSS-uddrag online CSS Farvekonverter Konverter CSS-farver CSS gradient generator Opret CSS-gradienter lokalt WCAG Farvekontrastkontrol Bekræft tilgængelig farvekontrast HTML-minificering Komprimer HTML uddrag SVG Optimering Komprimér SVG-kode Udviklerværktøjer Gennemse browserværktøjer

CSS minifier

Fjern sikker formatering og kommentarer fra indsat CSS for at reducere overførselsstørrelsen.

Indtastning
CSS-kildetekst og de tilgængelige minificeringsmuligheder.
Udgang
Minificeret CSS plus før-og-efter størrelsesinformation.
Virkelige begrænsninger
Minifikation er ikke semantisk validering, præfiksning eller fjernelse af død kode; misdannet CSS og usædvanlige hacks kan kræve manuel gennemgang.
Privatliv og databehandling
CSS-kildtekst og de tilgængelige minifikationsmuligheder behandles i denne browser-tab. Convertr modtager eller gemmer det; lukning eller genopladning af siden renser arbejdsstedet, medmindre værktøjet udtrykkeligt tilbyder en lokal download.

Hvordan man bruger dette værktøj

  1. Giv CSS-kildetekst og de tilgængelige minificeringsmuligheder i værktøjskontrollerne.
  2. Vælg de indstillinger, der påvirker minificeret CSS plus før-og-efter størrelsesoplysninger, og kør derefter værktøjet.
  3. Gennemgå minificeret CSS plus før-og-efter størrelsesoplysninger, før du kopierer eller downloader det.

Almindelige fejltilstande

Uafsluttede blokke, ugyldige strenge eller syntaks, som parseren ikke kan forstå, returneres som en fejl i stedet for ændret output.

Nyttigt eksempel

Minificer en formateret .card-regel ved at fjerne indrykning, kommentarer og unødvendige mellemrum samtidig med at dens deklarationer bevares.