Base64 邮件图片
将图片转换为邮件 Base64 代码片段，支持 HTML 内联、CID 附件和托管图片三种方案，含 Nodemailer CID 示例及各邮件客户端兼容性指南。
拖拽图片到此处或点击选择
JPEG · PNG · GIF · WebP · SVG — 最大 5 MB
注意： Base64 图片在所有邮件客户端中的表现可能不一致。对于生产邮件，托管图片或 CID 附件通常更为稳妥——尤其是当您的受众使用 Windows 版 Outlook 时。
邮件中可以使用 Base64 图片吗？
大多数现代邮件客户端都支持 Base64 图片。主要例外是 Windows 版 Outlook（2007–2019），它使用 Microsoft Word 的渲染引擎而非浏览器引擎。Word 无法处理 Base64 Data URI，图片会显示为损坏或缺失的占位符。
如果您的受众中包含 Windows Outlook 用户——企业环境中很常见——请改用 CID 附件或托管图片。
| 邮件客户端 | Base64 图片 |
|---|---|
| Gmail（网页版） | ✓ 支持 |
| Gmail（Android / iOS） | ✓ 支持 |
| Apple Mail | ✓ 支持 |
| Outlook 365（网页版） | ✓ 支持 |
| Outlook（Mac） | ✓ 支持 |
| Outlook 2007–2019（Windows） | ✗ 不支持 |
| Yahoo Mail | ◑ 部分支持 |
| Thunderbird | ✓ 支持 |
| Samsung Email | ✓ 支持 |
选择合适的方案
每种方案各有取舍，根据您的邮件客户端受众和基础设施选择最适合的一种。
Base64 Data URI
兼容性有限优点
- 自包含——无需外部文件
- 无需 Web 服务器
- 适合测试和原型开发
- 小图标和 Logo（< 10 KB）
缺点
- 不支持 Outlook 2007–2019（Windows）
- 增加邮件体积约 33%
- 可能触发垃圾邮件过滤器
- 无法追踪图片加载
适用场景
简单图标、开发/测试邮件、自包含 HTML 邮件。
CID 附件
桌面客户端优点
- Outlook（Windows）原生支持
- 无需外部服务器
- 图片随邮件一起传输
- 适合企业/内部邮件
缺点
- 较复杂——需要 MIME 库
- 部分客户端显示附件图标
- Gmail 可能过滤或提示
- 无法追踪图片加载
适用场景
企业邮件、内部通知、Outlook 用户为主的场景。
托管图片 URL
推荐优点
- 所有邮件客户端均支持
- 邮件体积最小
- CDN 缓存，加载速度快
- 可追踪打开率和点击量
缺点
- 需要 Web 服务器或 CDN
- 图片可能默认被屏蔽
- 离线时无法显示
- 图片服务器需保持在线
适用场景
营销邮件、新闻订阅、ESP 平台（Mailchimp、SendGrid）。
邮件图片最佳实践
发送前务必测试
使用 Litmus 或 Email on Acid 在 Outlook、Gmail、Apple Mail 和移动端客户端预览邮件后再发送。在浏览器中正常显示的内容，在 Outlook 2007–2019 中可能会出现问题。
始终设置宽度和高度
指定尺寸可防止图片被屏蔽时布局崩溃。不设置明确的宽高，图片加载时可能导致邮件排版错乱。
编写有意义的 alt 文字
许多用户默认屏蔽图片——alt 文字是他们看到的唯一内容。要具体：「下载您的收据」远比「图片」要好。
控制邮件图片大小
每封邮件的图片总大小建议控制在 200 KB 以内。JPEG 图片压缩到 70–80% 质量。Logo 和图标使用 SVG——体积更小且可无限缩放。
营销邮件不要使用 Base64
Mailchimp、SendGrid、Campaign Monitor 等 ESP 平台需要托管图片 URL。它们会重写 HTML，Base64 src 属性会被破坏或拒绝。
发送纯文本备用版本
始终发送 multipart/alternative 格式的邮件，并附带纯文本版本。如果 HTML 邮件渲染失败，收件人仍能看到有用的内容。
常见问题
邮件中可以使用 Base64 图片吗？
可以，大多数现代邮件客户端都支持——Gmail、Apple Mail、Thunderbird 和 Outlook 365 网页版均支持 Base64 图片。主要例外是 Windows 版 Outlook（2007–2019），它使用 Word 的渲染引擎，不支持 Base64 Data URI 图片。
为什么 Outlook 不支持 Base64 图片？
Windows 版 Outlook 2007–2019 使用 Microsoft Word 的 HTML 渲染引擎而非浏览器引擎。Word 的渲染器对 CSS 和 HTML 的支持非常有限，无法处理 Base64 Data URI。Outlook 365（网页版）使用浏览器引擎，支持 Base64 图片。
邮件中的 CID 图片是什么？
CID（Content-ID）图片以 MIME 附件形式随邮件发送，每个附件有唯一标识符。HTML 正文通过 src="cid:标识符" 引用图片。图片随邮件一起传输，离线状态下也能显示，在 Outlook、Apple Mail 等桌面客户端中兼容性良好。
Base64 邮件图片可以追踪吗？
不可以。追踪图片加载需要邮件客户端在加载图片时向追踪服务器发送 HTTP 请求。Base64 图片在本地加载，不产生网络请求，因此无法追踪打开率。
Base64 图片会影响邮件投递率吗？
有可能。部分垃圾邮件过滤器会对含大量 Base64 内容的邮件扣分，因为垃圾邮件和钓鱼邮件有时会用 Base64 隐藏内容以规避文本扫描。对于生产和营销邮件，托管图片对投递率更安全。
邮件中 Base64 图片的最大尺寸是多少？
没有统一限制，但大多数邮件服务商将单封邮件大小上限设为 10–25 MB。200 KB 的图片编码为 Base64 后约为 267 KB。邮件中图片编码前建议控制在 100 KB 以内——Base64 的体积增量会叠加在原始文件大小之上，累积很快。