Base64 Email Images
Convert images to email-ready Base64 code snippets. Compare inline Base64, CID attachments, and hosted images — with a Nodemailer CID example and email client compatibility guide.
Drop an image here or click to choose
JPEG · PNG · GIF · WebP · SVG — max 5 MB
Note: Base64 images may not render consistently across all email clients. For production emails, hosted images or CID attachments are typically more reliable — especially when your audience uses Outlook on Windows.
Can you use Base64 images in email?
Most modern email clients support Base64 images. The main exception is Outlook for Windows (2007–2019), which uses Microsoft Word’s rendering engine rather than a browser engine. Word cannot handle Base64 Data URIs — images appear as broken or missing placeholders.
If your audience includes Windows Outlook users — common in enterprise environments — use CID attachments or hosted images instead.
| Email Client | Base64 Images |
|---|---|
| Gmail (web) | ✓ Supported |
| Gmail (Android / iOS) | ✓ Supported |
| Apple Mail | ✓ Supported |
| Outlook 365 (web) | ✓ Supported |
| Outlook (Mac) | ✓ Supported |
| Outlook 2007–2019 (Windows) | ✗ Not supported |
| Yahoo Mail | ◑ Partial |
| Thunderbird | ✓ Supported |
| Samsung Email | ✓ Supported |
Choose the right approach
Each approach has trade-offs. Choose based on your email client audience and infrastructure.
Base64 Data URI
Limited compatibilityPros
- Self-contained — no external files
- No web server required
- Good for testing and prototyping
- Small icons and logos (< 10 KB)
Cons
- Not supported in Outlook 2007–2019 (Windows)
- Increases email size by ~33%
- May trigger spam filters
- No image load tracking
Use for
Simple icons, dev/test emails, self-contained HTML emails.
CID Attachment
Desktop clientsPros
- Native support in Outlook (Windows)
- No external server required
- Image travels with the email
- Good for enterprise / internal emails
Cons
- More complex — requires a MIME library
- Some clients show an attachment icon
- Gmail may filter or warn
- No image load tracking
Use for
Enterprise email, internal notifications, Outlook-heavy audiences.
Hosted Image URL
RecommendedPros
- Works in all email clients
- Smallest email size
- CDN-cached for fast loading
- Track open rates and clicks
Cons
- Requires a web server or CDN
- Images may be blocked by default
- Does not work offline
- Image server must stay online
Use for
Marketing emails, newsletters, ESP platforms (Mailchimp, SendGrid).
Email Image Best Practices
Always test before sending
Use Litmus or Email on Acid to preview your email in Outlook, Gmail, Apple Mail, and mobile clients before sending. What looks fine in a browser may break in Outlook 2007–2019.
Always set width and height
Specifying dimensions prevents layout collapse even when images are blocked. Without explicit width and height, loading images can shift the email layout.
Write meaningful alt text
Many users have images disabled by default — alt text is the only thing they see. Be specific: “Download your receipt” is far better than “image”.
Keep email image sizes small
Keep total image weight under 200 KB per email. Compress JPEG images to 70–80% quality. Use SVG for logos and icons — smaller and perfectly scalable.
Don’t use Base64 for marketing email
ESP platforms like Mailchimp, SendGrid, and Campaign Monitor require hosted image URLs. They rewrite HTML, and Base64 src attributes will be broken or rejected.
Send a plain-text fallback
Always send multipart/alternative emails with a plain-text version. If the HTML email fails to render, recipients still get useful content.
Frequently Asked Questions
Can you use Base64 images in email?
Yes, most modern email clients support them — Gmail, Apple Mail, Thunderbird, and Outlook 365 web all support Base64 images. The main exception is Outlook for Windows (2007–2019), which uses Word's rendering engine and does not support Base64 Data URI images.
Why doesn’t Outlook support Base64 images?
Outlook 2007–2019 on Windows uses Microsoft Word’s HTML rendering engine, not a browser engine. Word’s renderer has very limited CSS and HTML support and cannot process Base64 Data URIs. Outlook 365 (web) uses a browser engine and does support Base64 images.
What is a CID image in email?
CID (Content-ID) images are attached to the email as MIME parts, each with a unique identifier. The HTML body references them via src="cid:identifier". The image travels with the email itself, so it works offline and in desktop clients like Outlook and Apple Mail.
Can Base64 email images be tracked?
No. Tracking image loads requires the email client to make an HTTP request to a tracking server when the image loads. Base64 images load locally without a network request, so open rates cannot be tracked.
Do Base64 images affect email deliverability?
Possibly. Some spam filters penalize emails with large amounts of Base64 content because spam and phishing emails sometimes use Base64 to obscure content from text scanners. For production and marketing emails, hosted images are safer for deliverability.
What is the maximum size for Base64 images in email?
There’s no universal limit, but most email providers cap single-message size at 10–25 MB. A 200 KB image encodes to about 267 KB as Base64. For email, keep images under 100 KB before encoding — the Base64 overhead compounds quickly on top of the original file size.