Best Image Format for Email: File Size and Compatibility Guide
Choose the right image format for email campaigns and attachments. Compare JPG, PNG, GIF, and WebP across email clients, with optimal dimensions and file size recommendations.
Emma Wilson·February 19, 2026·13 min read
Images in Email Are Harder Than You Think
Email seems simple. You compose a message, attach an image or embed it inline, and hit send. But behind the scenes, email is one of the most fragmented rendering environments in digital communication. Your image needs to display correctly across dozens of email clients, on screens ranging from 4-inch phones to 32-inch monitors, and it needs to load quickly even on slow mobile connections.
Choosing the wrong image format for email can mean broken layouts, blocked images, massive attachments that bounce, or graphics that look crisp in Gmail but blurry in Outlook. This guide breaks down exactly which formats work best for different email use cases and how to optimize them for maximum compatibility and performance.
Email inbox showing images rendered differently across various email clients
Before choosing a format, you need to understand what your recipients' email clients actually support. The landscape has improved over the years, but significant gaps remain.
Email Client
JPG
PNG
GIF (Animated)
WebP
SVG
AVIF
Gmail (Web)
Yes
Yes
Yes
Yes
No
Partial
Gmail (Mobile)
Yes
Yes
Yes
Yes
No
Partial
Apple Mail
Yes
Yes
Yes
Yes
Yes
Yes
Outlook 365 (Web)
Yes
Yes
Yes
No
No
No
Outlook Desktop (Win)
Yes
Yes
First frame only
No
No
No
Outlook Desktop (Mac)
Yes
Yes
Yes
No
No
No
Yahoo Mail
Yes
Yes
Yes
Yes
No
No
Thunderbird
Yes
Yes
Yes
Yes
Yes
Yes
Samsung Email
Yes
Yes
Yes
Partial
No
No
AOL Mail
Yes
Yes
Yes
No
No
No
The takeaway is clear: JPG and PNG are the only formats with true universal support across all email clients. GIF is almost universal but has quirks in Outlook for Windows. WebP, SVG, and AVIF are too risky for broad email campaigns.
Pro Tip: Always test your emails in the top five clients your audience uses. Tools like Litmus and Email on Acid render previews across 90+ clients. But you can save time by sticking to JPG and PNG, which work everywhere without testing.
When to Use Each Format
JPG: Best for Photographs and Rich Imagery
JPG is the workhorse format for email photography. Use it for:
Product photos in e-commerce emails
Hero images and banners with photographic content
Team photos and headshots
Event photography
Any image where slight compression artifacts are acceptable
Ideal JPG settings for email:
Setting
Recommended Value
Quality
70-80%
Color Space
sRGB
Resolution
72 DPI
Max Width
600-800px (single column)
Progressive
Yes (for faster perceived loading)
Max File Size
Under 200 KB per image
JPG's lossy compression makes it significantly smaller than PNG for photographic content. An 800px-wide product photo at 75% quality typically weighs 50-120 KB -- well within email best practices.
PNG: Best for Graphics, Logos, and Text
PNG is essential when you need:
Sharp text and typography
Logos with clean edges
Graphics with flat colors
Icons and illustrations
Any image requiring transparency
Screenshots
Ideal PNG settings for email:
Setting
Recommended Value
Color Mode
8-bit (PNG-8) for simple graphics
Color Mode
24-bit (PNG-24) for complex graphics with transparency
Resolution
72 DPI
Max Width
600px for full-width elements
Optimization
Run through a PNG optimizer
Max File Size
Under 150 KB per image
PNG-8 (indexed color, up to 256 colors) is often overlooked for email but is excellent for simple graphics. A logo that weighs 45 KB as PNG-24 might weigh just 8 KB as PNG-8 with no visible quality difference.
GIF: Best for Simple Animations
GIF remains the only animated image format with near-universal email support. Use it for:
Animated product showcases
Countdown timers
Attention-grabbing hero animations
Simple motion graphics
Keep GIF animations short (3-5 seconds), limit the color palette, and keep the total file size under 500 KB. Outlook for Windows only displays the first frame, so make sure your first frame conveys the key message.
Side-by-side comparison of JPG, PNG, and GIF image quality in an email template
Inline Images vs Attachments
There are two fundamentally different ways to include images in email, and each has different format considerations.
Inline (Embedded) Images
Inline images appear within the email body as part of the layout. They are referenced via HTML <img> tags pointing to either:
Hosted URLs -- The image lives on your server and the email client downloads it when the recipient opens the email
CID attachments -- The image is attached to the email and referenced by a Content-ID header
For inline images, file size directly impacts load time and user experience. Keep individual images under 200 KB and total email size under 800 KB.
Image Attachments
When images are sent as attachments (for sharing photos, documents, etc.), the considerations shift:
Factor
Inline
Attachment
File Size Limit
Under 200 KB per image
Varies by provider (10-25 MB total)
Format Flexibility
JPG and PNG only
Any format
Loading Behavior
Auto-displayed (if not blocked)
Must be manually opened
Compression Priority
Aggressive
Quality-preserving
Resolution
Screen resolution (72 DPI)
Full resolution acceptable
For attachments, you can use higher quality settings since the recipient will download and view the file separately. If you are sharing print-ready files, consider using the document converter to create PDFs instead of sending raw images.
Pro Tip: Many email clients block images by default, showing a placeholder until the recipient clicks "Display images." Always include meaningful alt text on every image and ensure your email communicates its key message even with images disabled.
Optimal Image Dimensions for Email
Email templates are constrained by width more than any other factor. Most email clients render within a fixed-width container, and going wider causes horizontal scrolling or layout breaks.
Recommended Dimensions by Email Element
Element
Width
Height
Format
Max Size
Hero/Banner Image
600px
200-300px
JPG
150 KB
Full-Width Photo
600px
Variable
JPG
200 KB
Product Thumbnail
200-300px
200-300px
JPG
50 KB
Logo
200-300px
Variable
PNG
30 KB
Icon
32-64px
32-64px
PNG
5 KB
Social Media Icon
32px
32px
PNG
3 KB
Background Image
600px
Variable
JPG
100 KB
Animated Banner
600px
200-300px
GIF
500 KB
Retina/HiDPI Considerations
To ensure images look sharp on high-density displays (Retina, AMOLED), create images at 2x the display size and scale them down with HTML width attributes:
For this, the actual image file would be 1200px wide but displayed at 600px. This doubles the pixel density and eliminates blur on modern screens. The trade-off is larger file sizes, so compress aggressively.
Use the image compressor to optimize your 2x images. A well-compressed 1200px JPG at 70% quality can weigh less than an unoptimized 600px image.
Reducing Image File Size for Email
Large images slow down email loading and increase the chance of your message being clipped (Gmail clips emails over 102 KB of HTML). Here are the most effective optimization strategies:
Compression Techniques
JPG quality reduction -- Drop from 100% to 70-80%. Most viewers cannot see the difference below 80%.
PNG-8 conversion -- If your graphic uses fewer than 256 colors, PNG-8 is dramatically smaller than PNG-24.
Dimension reduction -- Never send a 4000px image when it will be displayed at 600px.
Metadata stripping -- Remove EXIF data, ICC profiles, and other metadata that adds bytes without visual benefit.
Progressive JPG -- Progressive encoding can create the perception of faster loading and is sometimes slightly smaller.
Every email provider enforces size limits on messages and attachments. Exceeding these limits means your email bounces or your attachments are stripped.
Provider
Max Attachment Size
Max Message Size
Gmail
25 MB
25 MB
Outlook.com
20 MB
20 MB
Yahoo Mail
25 MB
25 MB
Apple iCloud
20 MB
20 MB
AOL Mail
25 MB
25 MB
ProtonMail
25 MB
25 MB
Corporate Exchange
10-25 MB (varies)
10-25 MB (varies)
These limits include all attachments combined, plus the email body itself. If you are sending multiple images, the total must stay under the limit.
For large image collections, consider converting to a multi-page PDF instead. Our images to PDF converter combines multiple images into a single document that is often more convenient for recipients.
Dark Mode Considerations
An increasing number of email clients now support dark mode, which can wreak havoc on images with transparent backgrounds or light-colored elements.
Common Dark Mode Issues
Transparent PNG logos -- If your logo is dark-colored on a transparent background, it becomes invisible against a dark mode background
White backgrounds in JPG -- JPGs always have a background, so white-background images create jarring bright rectangles in dark mode
Light-colored text in images -- Text baked into images may become unreadable
Solutions
Add a subtle border or background to transparent PNGs so they remain visible in dark mode
Use padding inside the image rather than relying on the email background
Test in dark mode using your email testing tool
Provide both light and dark versions using media queries where supported:
Note that <picture> element support in email is limited. Apple Mail and some webmail clients support it, but Outlook does not.
Best Practices for Email Marketing Campaigns
If you are building HTML email campaigns (newsletters, promotions, transactional emails), follow these guidelines:
Image-to-Text Ratio
Aim for a 60/40 text-to-image ratio. Emails that are mostly images are more likely to be flagged as spam and provide a poor experience when images are blocked.
Alt Text Is Not Optional
Every image must have descriptive alt text. When images are blocked (which is the default in many corporate environments), alt text is the only thing the recipient sees.
Hosted vs Embedded
Host images on your server or CDN rather than embedding them as CID attachments. Hosted images keep the email size small and load on demand. Use a reliable CDN with HTTPS support.
Consistent Formatting
Use the image converter to batch-convert all campaign assets to the correct format and dimensions before uploading to your email platform. Consistency prevents one oversized image from slowing down the entire email.
Accessibility
Use sufficient color contrast in image text (4.5:1 minimum)
Do not rely on images to convey critical information
Provide text alternatives for infographics
Keep animated GIFs under 5 seconds and avoid rapid flashing
For more on optimizing images for digital delivery, see our guide on optimizing images for websites -- many of the same principles apply to email.
Sending High-Quality Photos via Email
When your goal is to share high-quality photographs (not marketing emails), the approach changes:
Keep the original resolution -- Do not downscale for attachment-style sharing
Use JPG at 85-90% quality -- Good balance of quality and file size
Compress to fit within limits -- Use the image compressor to reduce file size without visible quality loss
Consider format alternatives -- For very large photo sets, create a shared link instead of attaching
Strip or preserve metadata intentionally -- GPS data in photos can be a privacy concern
If you regularly share photos that exceed email size limits, consider converting them to a more efficient format first. Our guides on WebP format and how to convert images for social media cover modern format options that dramatically reduce file sizes.
Quick Reference: Email Image Format Decision
Use this simple decision tree:
Is the image a photograph? Use JPG at 70-80% quality.
Is the image a logo, icon, or graphic with sharp edges? Use PNG (PNG-8 if possible).
Does the image need transparency? Use PNG-24 with alpha channel.
Does the image need animation? Use GIF (keep under 500 KB).
Are you attaching files, not embedding? Use whatever format suits the content; quality matters more than size.
Wrapping Up
Email image optimization is about balancing quality, file size, and compatibility. Stick with JPG for photographs and PNG for graphics. Keep file sizes small, dimensions appropriate, and always test across the email clients your audience uses.
The image converter and image compressor on ConvertIntoMP4 make it easy to prepare images for email in bulk. Convert, resize, and compress in one step so your emails load fast and look great everywhere.
