【问题标题】:Best practices for including images in HTML Email?在 HTML 电子邮件中包含图像的最佳实践?
【发布时间】:2025-12-10 12:25:02
【问题描述】:

我的任务是更改一些电子邮件模板(密码重置等)。我得到的新模板很简单,但出于审美原因,包含了一些小图像。在电子邮件中包含这些内容的最佳做法是什么?

据我了解,由于隐私和跟踪问题(使用每个收件人的唯一图像 URL 标记用户并等待他们的浏览器加载资源),许多电子邮件提供商默认会阻止图像。对图像使用数据 URI 会是解决此问题的有效方法,还是这些也被阻止? (如果是这样,我很想知道为什么!)

除了真正的旧浏览器(IE7-)不支持这种格式之外,还有其他不使用它的原因吗?据我了解,当涉及到电子邮件时,您需要尽可能简单和透明,我担心做一些像这样有点不寻常的事情可能会在垃圾邮件过滤器中敲响警钟。这种担心是否合理?

【问题讨论】:

标签: html email html-email


【解决方案1】:

前景图像(JPG、PNG、GIF)在所有主要电子邮件客户端中都被普遍理解。标记与网页上的标记相同 (<img src="">)。背景图像、SVG 或数据 URI 之类的东西在 一些 客户端中工作,但不是全部,最好不要依赖这些作为显示基本图像的方式。 SVG support in email clients.

某些电子邮件客户端默认阻止图像,但可以在用户单击按钮时下载。 Here is a good rundown on image blocking in email clients.

【讨论】: