Original size
310 B
Paste CSS to remove unnecessary comments and spacing, shorten simple hex colors, clean zero units, and compare the size savings immediately.
Smaller CSS can help render start and cache efficiency. For production, still verify key layouts in real browsers.
CSS structure check
CSS structure looks valid
Original size
310 B
Minified size
227 B
Bytes saved
83 B
Savings
26.8%
Gzip estimate
73 B
Rules
2
Declarations
10
Comments removed
1
Paste CSS to shrink. Plain CSS, media queries, and CSS variables are supported.
Review the minified CSS, copy it, or download a .min.css file.
. product-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;color:#1f2937}.product-card:hover{border-color:#fc0;transform:translateY(-2px)}This tool is for quick size reduction and review. For vendor CSS or complex PostCSS output, keep your project build pipeline in the loop.
This tool runs in the browser and does not upload your code. It preserves strings and practical expressions while reducing comments, line breaks, and safe spacing.
No. Everything runs locally in the browser.
It is built for CSS. Compile SCSS, Less, or CSS-in-JS first, then minify the CSS output.
Yes. Keep the preserve option on for comments that begin with /*!.
Keep exploring
Jump into related tools from the same category and popular picks across Gogotem.
Format, validate, and minify JSON payloads in one place.
Encode plain text to Base64 or decode Base64 back into text.
Encode and decode query-safe URL values for links and APIs.
Convert Unix timestamps into readable dates and back again.
Generate SHA hash values from plain text input.
Generate one or more UUID v4 values for development and testing.