CSS Compressor Utility v4
Enhanced CSS formatter — collision-safe placeholders, gzip estimate, @layer support, per-rule error recovery
Input CSS
Undo
Redo
Paste
/* Global styles */ .button { display: inline-block; padding: 4px 8px; color: #ffffff; background: #0066cc; border-radius: 6px; } /* Card component */ .card { padding: 16px; margin: 10px; border: 1px solid rgba(0,0,0,0.06); } /* @layer example */ @layer base { body { margin: 0px; padding: 0px; color: #333333; } } @layer components { .btn { display: inline-flex; align-items: center; gap: 8px; } } @media (max-width:600px) { /* Mobile adjustments */ .button{ padding: 6px 10px; } .card{ padding: 8px; } }
Settings
Highest — minified
High — one rule per line
Standard — smart wrap
Low — pretty print
Indent
Breakpoint
Soft newline
Optimize colors
Optimize values
Sort properties
Preserve /*! */ comments
Auto-compress
Presets:
Minify
Compact
Standard
Readable
Clear
Compress
Output CSS
Copy
Download
Size:
0
bytes
Gzip ~
0
bytes
Lines:
0
Saved:
0
%
Warnings:
0
Recovered:
0