Minify CSS for Email Templates

Compact CSS for HTML email templates where file size and inline style bloat matter.

No cal iniciar sessió

Input CSS · 565 B

Output CSS · 430 B−24%

.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#ffffff;border-bottom:1px solid #e2e8f0}.nav-link{color:#475569;text-decoration:none;font-size:0.875rem;font-weight:500;transition:color 0.2s ease}.nav-link:hover{color:#14b8a6}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdfa,#e0f2fe)}

565 BInput

430 BOutput

24%Reduction

Email tips

📧

Email clients have strict size limits. Gmail clips emails over 102KB. Minifying your CSS saves bytes that count toward this limit.

💡

Most email clients don't support external CSS — styles must be inline. Minify your stylesheet here before inlining it with a tool like Juice or Premailer.

🔧

Minified CSS is more compact when inlined into hundreds of HTML elements. Smaller attribute values mean a smaller total HTML document.

📏

The file size comparison shows input vs output bytes. For email, aim to keep your CSS under 10KB before inlining.