CSS Minifierare

Komprimera pastade CSS-skivor eller lokala .css-filer direkt i din webbläsare. ditt stylesteg laddas upp, loggas in eller skickas till en API.

Klicka för att välja en CSS-fil eller släpp den här

Du kan också klistra in CSS direkt i redaktören nedan.

0 byte

0 byte

Redo

Konservativa CSSO-inställningar

Standardrutan tar bort kommentarer och vitutrymme men håller strukturoptimeringar inaktiverade för att undvika riskfyllda stylestegre.

Snutt- och filinmatning

Delvis CSS, full stylesheets, media queries, custom properties, or load a local .css file.

Säker mätning

Analytics använder endast storlek och minskning buckets. CSS-källa, URL-adresser, selektorer, kommentarer och filnamn förblir utanför telemetri.

Vanliga frågor

Är min CSS laddat upp till Convertr?

No. Minifieret körs lokalt med JavaScript i webbläsaren. förtidade CSS och valda filer skickas inte till Convertr-servern.

Varför inaktiveras strukturoptimalisering som standard?

Vissa aggressiva CSS-rekritter kan ändra cascade beteende. den första versionen håller kompression konservativ och fokuserar på säker miniering.

Vad händer när CSS har ett syntaxfel?

Parserfelet visas i varningspanelen så att du kan fixa styleskivan innan du kopierar utgången.

Relaterade utvecklarverktyg

SCSS Kompilator Kompilera Sass/SCSS snippets online CSS Färgkonverterare Konvertera CSS färger CSS gradient generator Skapa CSS gradienter lokalt WCAG Färgkontrastkontroll Verifiera tillgänglig färgkontrast HTML-minifierare Komprimera HTML utdrag SVG-optimerare Komprimera SVG-kod Utvecklarverktyg Bläddra bland webbläsarverktyg

CSS Minifierare

Ta bort säkra format och kommentarer från föråldrade CSS för att minska överföringsstorleken.

Inmatning
CSS-källtext och tillgängliga miniering alternativ.
Utdata
Minified CSS plus before-and-after storlek information.
Verkliga begränsningar
Minifikation är inte semantisk validering, förskjutning eller dödkod borttagning; missformade CSS och ovanliga hackningar kan kräva manuell granskning.
Integritet och databehandling
CSS-källtext och de tillgängliga minifikationsalternativen behandlas i denna webbläsarflik. Converter får inte eller lagrar den; stängning eller omlastning av sidan klarar arbetsstaten såvida verktyget uttryckligen inte erbjuder en lokal nedladdning.

Hur man använder detta verktyg

  1. Ge CSS källtext och de tillgängliga miniering alternativen i verktygskontrollen.
  2. Välj inställningarna som påverkar miniatyr CSS plus information före och efter storlek, kör sedan verktyget.
  3. Övervaka miniatyr CSS plus före och efter storlek information innan du kopierar eller laddar ner den.

Vanliga misslyckande lägen

Oklädd block, invalid strängar eller syntax som parseren inte kan förstå returneras som ett fel i stället för ändrad utgång.

Användbar exempel

Minify en formaterad .card-regel genom att ta bort indentation, kommentarer och onödiga utrymmen samtidigt som dess deklarationer bevaras.