Compressing images for email is not the same as compressing images for the web — and treating it like it is will break your emails in ways you won't see until a client does. Gmail clips email threads after 102KB of total HTML. Outlook blocks images by default and requires clicking to load them. Email clients don't support WebP format. And sending a 3MB image as an attachment is how you get flagged by spam filters.
The rules for compress images for email are specific, and most image compression tools don't tell you which settings to use for email specifically. This guide does. We cover the Gmail clip threshold, Outlook image rendering, spam filter image-to-text ratios, and the specific tool settings that prevent your images from causing rendering disasters in your recipients' inboxes.
Whether you're sending a personal portfolio, a transactional email with a product photo, or a full newsletter campaign, the settings are different — and this guide covers all three scenarios.
Email Image Rules: What Every Sender Needs to Know
Before picking a compression tool, understand why email images behave differently from website images. Web images are displayed by browsers that handle any format, any size, and lazy-load large files. Email clients have no such flexibility:
- Format must be JPEG or PNG — WebP is not supported by Outlook, Yahoo Mail, or many older email clients. Always convert WebP images to JPEG before including them in emails.
- 600px maximum width — Most email clients render on a maximum 600px canvas. Images wider than 600px force horizontal scrolling on mobile or get scaled down (sometimes poorly) by the client.
- Host images externally for newsletters — Embedding images inline (base64) bloats the email HTML and almost always triggers the Gmail clip. Use an external image host (your website, Mailchimp's image host, Imgur, or a CDN) and reference them with img src URLs.
- JPG quality 75–85% for newsletters — This keeps file sizes reasonable (under 150KB per image) while maintaining visual quality at 600px wide display.
The Gmail 102KB Clip Problem Explained
Gmail clips email message bodies after the total HTML size reaches 102KB. The clip appears as a small grey "[Message clipped] View entire message" link at the bottom. Most recipients don't click it. If your footer, unsubscribe link, or critical call-to-action appears after the clip point, it's invisible.
Images embedded inline (as base64 data URIs) are the most common cause of Gmail clipping. A single 100KB image encoded as base64 becomes approximately 133KB of text — instantly triggering the clip on its own. The fix is simple: host images externally and reference them by URL rather than embedding them.
Even with externally-hosted images, a complex newsletter template with extensive HTML can exceed the 102KB limit. Keep your email HTML lean: avoid nested tables where possible, use inline styles instead of style blocks, and remove comments and whitespace.
5 Tools for Compressing Email Images
1. ConvertiImage — Best for Pre-Send Compression
Best use: Resize and compress any image to email-ready JPEG before sending
Output formats: JPEG, PNG (WebP conversion TO JPEG supported)
Resize option: Yes (set custom pixel width — use 600px for email)
Batch: Yes
Price: Free
ConvertiImage is the ideal first step in any email image workflow. Upload your image, set width to 600px, set quality to 80%, and output as JPEG. That's your email-ready image. It handles WebP-to-JPEG conversion for images grabbed from the web that would otherwise break in Outlook.
Recommended for Pre-Send Preparation
2. TinyPNG — Excellent PNG/JPEG Compression
Best use: Lossless-looking compression of logos and PNG images for email
Output formats: PNG, JPEG
Resize option: Limited (pro feature)
Batch: Yes (20 files free)
Price: Free (20/batch) / $25/year Pro
TinyPNG uses smart lossy compression on PNGs that preserves visual quality while dramatically reducing file size. Good for logo images and graphics with transparency that must stay PNG. Less useful for photos — ConvertiImage is better for photographic content.
3. Squoosh — Maximum Quality Control
Best use: Careful single-image optimization when quality is critical
Output formats: JPEG, PNG, WebP, AVIF
Resize option: Yes (with custom width)
Batch: No
Price: Free
Squoosh (Google) gives you a side-by-side before/after comparison as you adjust quality settings. For email, select MozJPEG codec at 75–80% quality for optimal results. The visual comparison helps you find the exact threshold where quality degradation becomes visible. Not suited for batch workflows.
4. Canva — Best for Designing Email-Ready Images
Best use: Creating and exporting newsletter images at email dimensions
Output formats: JPEG, PNG, PDF
Resize option: Yes (set canvas to 600px wide at design stage)
Batch: Limited
Price: Free / $12.99/month Pro
Canva is best for designing email banner images and headers at the correct 600px email width from the start, rather than resizing after. Export at medium quality for email. Not ideal for photo compression — use ConvertiImage for that.
5. Mailchimp's Built-In Image Editor
Best use: Newsletter campaigns already being built in Mailchimp
Output formats: JPEG, PNG
Resize option: Yes (within email builder)
Batch: No
Price: Included with Mailchimp subscription
Mailchimp's built-in image editor handles basic resizing and some compression. It's convenient if you're already in the platform, but the compression options are limited. For best results, compress images with ConvertiImage before uploading to Mailchimp — don't rely on Mailchimp to optimize quality for you.
Email Type Decision: Inline Attachment vs Hosted Image
| Email Type | Image Method | Max Image Size | Format |
|---|---|---|---|
| Personal email with photo | Attached file | Under 5MB (server limits vary) | JPEG |
| Portfolio or work sample | Attached JPEG or hosted link | Under 10MB attached; any size hosted | JPEG |
| Newsletter / marketing | Externally hosted URL | Under 200KB per image recommended | JPEG (never WebP) |
| Transactional (order confirm) | Externally hosted URL | Under 150KB | JPEG or PNG |
| Job application with headshot | Attached JPEG | Under 1MB | JPEG |
Quality Settings by Email Type
| Email Type | JPG Quality | Max Width | Target File Size |
|---|---|---|---|
| Newsletter header/banner | 75–80% | 600px | 80–150KB |
| Newsletter product image | 75–80% | 400–600px | 60–120KB |
| Inline portfolio/work sample | 85–90% | 800px | 200–500KB |
| Email attachment (photo) | 85–90% | 1200px max | 500KB–2MB |
| Job application headshot | 90% | 800px | 200–500KB |
| Transactional product image | 80% | 400px | 40–80KB |
Email Client Rendering Rules Table
| Client | WebP Support | Max Recommended Image Width | Images Blocked by Default | Key Gotcha |
|---|---|---|---|---|
| Gmail (web) | Yes | 600px | No | 102KB HTML clip threshold |
| Gmail (app, iOS/Android) | Yes | 600px | No | Loads on Wi-Fi; may delay on mobile data |
| Outlook (Windows desktop) | No | 600px | Yes | Images blocked until user clicks "Enable images"; uses Word rendering engine (broken CSS) |
| Outlook (web / OWA) | Yes | 600px | No | Better rendering than desktop Outlook |
| Apple Mail (Mac) | Yes | Flexible | No | Best rendering; most forgiving of format issues |
| Yahoo Mail | No | 600px | No | Strips some CSS; test WebP — falls back to broken rendering |
Batch Workflow for Newsletter Campaigns
For a regular newsletter with 5–10 images, this workflow keeps your send reliable:
- Gather all images in original resolution in a working folder
- Upload to ConvertiImage — batch compress at 600px wide, 80% JPEG quality, convert any WebP or PNG photos to JPEG
- Upload compressed images to your external host (website media library, Mailchimp, or CDN)
- Reference hosted URLs in your email builder (never paste in base64 or embed files directly)
- Send a test email to Gmail and Outlook addresses before final send — verify images load, check for clip warning in Gmail
- Check total email HTML size — aim for under 80KB HTML to stay clear of the 102KB clip zone
Why Large Images in Emails Get Blocked, Clipped, or Sent to Spam — Deep dive into the 4 failure modes and how to avoid them.
Best Tools to Compress Images for Email and Newsletters (2026) — Full tool comparison with scenario verdicts.
How to Resize and Compress Images for Gmail, Outlook, and Mailchimp — Step-by-step guide per platform.
