πŸ—œοΈ
πŸ“§

Minify CSS for Email Templates

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

Nid oes angen mewngofnodi
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.

Sut Mae'n Gweithio

1
Ewch i mewn
Enter your data into the tool above. Everything stays local to your browser.
2
Proses
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Lawrlwythwch
Get your result instantly. Nothing is stored after you leave the page β€” complete privacy.

Pam defnyddio ein un ni?

βœ“Hollol rhad ac am ddim - dim costau cudd, byth
βœ“Nid oes angen cyfrif, e-bost na mewngofnodi
βœ“Nid yw ffeiliau byth yn gadael eich dyfais
βœ“Dim cyfyngiadau maint ffeil o gwbl
βœ“Dim dyfrnodau ar unrhyw allbwn

Also check out…

Cwestiynau Cyffredin