How to Compress Images for Email Marketing Without Losing Quality

Uncompressed images are the silent killer of email marketing campaigns. Your email might have the perfect subject line, a compelling offer, and a gorgeous design — but if the images take four seconds to load, most subscribers will scroll past before they see any of it.

The good news: compressing images for email is straightforward once you understand the principles. This guide covers the exact workflow, tools, and quality settings to keep your emails fast and sharp.

Why Image Size Matters More Than You Think

Consider these numbers: over 50% of all emails are opened on mobile devices, often on cellular connections. A 3MB email that loads instantly on your office Wi-Fi might take 5-8 seconds on a 4G connection.

What happens when emails load slowly?

• Subscribers scroll past or delete. People don't wait. If your email doesn't render in 2-3 seconds, they move on.
• Engagement drops. Fewer clicks mean lower revenue per email and a signal to inbox providers that your content isn't valuable.
• Inbox placement suffers over time. Gmail and Yahoo watch engagement metrics. Consistently low engagement leads to worse inbox placement — a slow death spiral for your email program.

Properly compressed images fix all of this. The goal is to reduce file size as much as possible while keeping the visual quality indistinguishable from the original.

JPEG vs PNG: Which Format to Use

The format you choose before compression matters as much as the compression itself.

Use JPEG for Photographs and Product Images

JPEG uses lossy compression — it permanently discards some image data to achieve smaller file sizes. For photographs and complex visuals with gradients, shadows, and many colors, the data it removes is usually invisible to the human eye.

A product photo that's 2.5MB as a PNG can typically be compressed to 200-300KB as a JPEG at 80% quality with no visible quality difference. That's a 90% reduction in file size.

Use PNG for Logos, Icons, and Graphics

PNG uses lossless compression — it preserves every pixel exactly. This is critical for graphics with sharp edges, text overlays, flat colors, and transparency.

A logo compressed as JPEG will show visible artifacts around the edges (the "blocky" look). The same logo as a PNG stays perfectly crisp. The trade-off is file size: PNG files are significantly larger for photographic content.

Quick Decision Framework

• Product photos, lifestyle shots, banners with photography → JPEG (75-85%)
• Logos, icons, text graphics, UI elements → PNG
• Simple animations (countdown timers, product reveals) → GIF (keep under 500KB)

The Step-by-Step Compression Workflow

Here's the exact workflow that produces the best results:

Step 1: Design at 2x Resolution

If your email is 600px wide, design and export at 1200px. This extra resolution ensures sharp rendering on retina displays (iPhones, MacBooks, modern Android phones). The higher starting resolution also gives compression algorithms more data to work with, resulting in better quality at smaller file sizes.

Step 2: Export at the Right Quality

When exporting from Figma, Photoshop, or any design tool:

• JPEG: Export at 80-85% quality initially. You'll compress further in the next step.
• PNG: Export normally — PNG compression is lossless, so there's no quality setting.

Step 3: Compress with a Dedicated Tool

Design tool exports aren't optimized for file size. A dedicated compression tool can typically reduce the file size by another 40-70% without visible quality loss. Here's what to use:

Step 4: Remove EXIF Data

Digital photos contain hidden metadata called EXIF data: camera model, GPS location, date taken, exposure settings. This data can add 50-100KB to each image for no visual benefit. Most compression tools strip EXIF automatically, but verify this in your tool's settings.

Step 5: Verify the Results

After compression, check two things:

1. File size: Is each image under 200KB? Is the total under 800KB?
2. Visual quality: Open the original and compressed versions side by side at 100% zoom. Can you spot the difference? If not, you're good.

Compression Quality Settings: The Sweet Spot

Not all quality levels are created equal. Here's what actually happens at each range:

• 90-100%: Visually identical to the original. File size is barely reduced (maybe 10-20%). Rarely worth it for email.
• 75-85%: The sweet spot. Invisible quality difference with 60-80% file size reduction. This is what most professionals use.
• 60-74%: Slight softening visible on close inspection. Fine for background images or large hero shots viewed at a distance.
• Below 60%: Noticeable artifacts — blocky areas, color banding, blurry text. Avoid for product photography.

For product photography in e-commerce emails — where customers are making purchase decisions based on how products look — stick with 75-85%. Your products deserve to look their best.

Compression Checklist for Email Marketers

Here's a quick checklist you can use before uploading images to Klaviyo or any email platform:

• All images exported at 2x resolution (1200px for full-width)
• Photos saved as JPEG (75-85% quality)
• Logos and graphics saved as PNG
• Each image under 200KB after compression
• Total email images under 800KB combined
• EXIF data stripped
• Images at 72 DPI (not 300 DPI)
• Alt text prepared for each image

For more details on specific dimension recommendations for Klaviyo, check our Klaviyo email image size guide.

What About WebP?

WebP is a modern format from Google that offers 25-35% better compression than JPEG at the same quality. It sounds like a perfect fit for email — so why isn't everyone using it?

The answer is email client support. While Gmail and Apple Mail handle WebP fine, Microsoft Outlook (especially desktop versions) and many corporate email clients don't support it. Klaviyo will auto-convert WebP uploads to PNG, which actually increases file size.

For now, stick with JPEG and PNG for email. Use WebP on your website, but not in your emails.

Frequently Asked Questions

What is the ideal file size for email images?

Aim for 100-200KB per image and under 800KB total for all images in an email. This ensures fast loading on mobile networks while maintaining sharp visual quality. If your email has 6 images, that's roughly 130KB each.

What JPEG quality percentage should I use?

For photographs and product imagery, 75-85% quality offers the best balance. Below 70%, compression artifacts become noticeable. Above 90%, file size increases significantly with no visible improvement.

Does image compression affect email deliverability?

Not directly. But large, uncompressed images make emails slow to load, which leads to poor engagement. Low engagement hurts your sender reputation over time, which does affect deliverability. Compressed images = faster loading = better engagement = better deliverability.

Should I use WebP for email images?

Not yet. WebP offers better compression than JPEG, but email client support is inconsistent. Outlook and many corporate clients don't support WebP. Stick with JPEG for photos and PNG for graphics until email client support catches up.

What is the difference between lossy and lossless compression?

Lossy (JPEG) permanently removes some data — the quality loss is usually invisible at 75-85%. Lossless (PNG) preserves every pixel, resulting in larger files but perfect quality. Use lossy for photos, lossless for logos and sharp graphics.