How to Resize Images for Email: Size & Quality Guide
Email clients are picky about image size. Attach a 12-megapixel photo straight from your phone and you'll hit bounce-backs, broken layouts, or attachments that refuse to send. When you resize image for email correctly, your messages deliver on time and your photos look sharp instead of stretched or pixelated. This guide covers the exact dimensions, file size limits, and compression settings that work across Gmail, Outlook, and Apple Mail.
Email Provider Size Limits
Every provider caps attachment size differently. Here are the hard limits for the major ones:
| Provider | Max attachment | Notes |
|---|---|---|
| Gmail | 25 MB | Over 25 MB, Gmail sends a Drive link instead |
| Outlook | 20 MB | Includes message text in the total |
| Yahoo Mail | 25 MB | Similar to Gmail |
| Apple Mail | 20 MB | Depends on the IMAP server |
These limits apply to the entire message, not just the image. If your email has text and multiple images, the combined size matters. A single 24 MB photo leaves almost no room for anything else.
Optimal Dimensions for Email Images
File size is only half the problem. Display dimensions matter too. Most email clients render images at a maximum width of around 600 pixels — the standard email template width. Anything wider gets downscaled by the client, which wastes bandwidth without improving what the recipient sees.
Recommended dimensions:
- Inline content images: 600px wide, height proportional
- Header banners: 1200×300px (retina-ready at 600×150)
- Thumbnails and product shots: 300–400px wide
- Full-width hero images: 1200px wide (displays at 600px on retina screens)
Use the image resizer to set exact pixel dimensions. Enter 600 as the width and let the tool calculate height automatically to preserve aspect ratio.
Compress After Resizing
Resizing reduces pixel count, but you still need compression to bring the file size down. A 600px-wide PNG screenshot can still be 2 MB. Converting to JPEG and applying compression drops that to 100–200 KB with no visible quality loss.
For email, aim for these targets:
- Photographs: JPEG, 70–80% quality, under 200 KB
- Screenshots with text: PNG, or JPEG at 90% if file size allows
- Graphics with flat colors: PNG-8 or WebP
The image compressor handles JPEG and PNG compression in the browser. Adjust the quality slider until the file is under your target size and the preview still looks clean.
Choose the Right Format
Format choice affects both file size and how the image renders in email clients.
- JPEG — best for photographs. Small file size, near-universal support. No transparency.
- PNG — best for screenshots, logos, and graphics with text. Larger files, supports transparency.
- WebP — smaller than both, but not every email client supports it. Outlook desktop, in particular, can struggle with WebP.
When in doubt, use JPEG for photos and PNG for graphics. If you need to convert formats, the image converter handles JPEG, PNG, WebP, and more.
Inline vs. Attached Images
There are two ways to send images in email: inline (embedded in the message body) and as attachments. Inline images display automatically when the recipient opens the message. Attachments require a download.
For inline images, keep each one under 100 KB. Email clients like Gmail cache inline images on their own servers, but large inline images slow down rendering and can trigger spam filters. For attachments, you have more headroom — up to the provider's limit — but recipients on mobile may still struggle with large files.
Quick Workflow
- Resize to 600px wide (or your target dimension) using the image resizer.
- Compress to JPEG at 75% quality or PNG optimized, targeting under 200 KB with the image compressor.
- Convert format if needed with the image converter.
- Test by sending yourself the email and checking it on both desktop and mobile.
Common Mistakes to Avoid
- Sending full-resolution photos. A 4000×3000px image is 10x larger than any email client can display. Resize first.
- Using PNG for photos. PNGs of photographs are unnecessarily large. Switch to JPEG.
- Ignoring retina displays. Export at 2x the display width (1200px for a 600px slot) so images stay sharp on high-DPI screens, then compress to keep file size reasonable.
- Forgetting about mobile. Over 60% of emails are opened on mobile. Large images eat data and load slowly on cellular connections.
Related Reading
- Learn when to use next-gen formats in our AVIF vs WebP comparison.
- Need a circular profile image for your email signature? See our guide to creating a round logo online.
- Fix washed-out photos before sending with our image color correction guide.
For authoritative specs on email rendering, the Email on Acid rendering guide covers client-specific quirks, and Mailchimp's image guidelines are a solid reference for campaign best practices.
