HTML 邮件模板 - 嵌入式图像不显示

Question

我一直在尝试制作一个用于电子邮件的 HTML 模板。我想从我的计算机嵌入内嵌图像。我正在使用：

<img src="images/footer.png" alt="" width="100%" style="display: block;" />

但是，当我在电子邮件中复制模板时，图像不显示。如果我不使用来自我的计算机的图像，而是使用来自网络服务器的图像，我就没有这个问题。因此，显然图像不会附加到电子邮件中，这就是它们没有出现的原因。有什么方法可以让我使用本地计算机中的图像并将它们与电子邮件一起发送？

让我更详细地解释一下我想要做什么：

1. 我用 HTML 编写模板
2. 我在浏览器中显示模板 并复制它。
3. 我将它粘贴到电子邮件中。一旦模板是 在电子邮件中，我对其进行编辑并添加文本、图像以及我想要的任何内容。
4. 每当我想使用它时，我只想从 另一封电子邮件并进行编辑。

有什么解决办法吗？

提前致谢。

Answer 1

这里有几件事：

• 确保您的图像未托管在本地服务器上；如果是，您的观众将无法看到它。
• 我看到您使用的是相对文件路径。您需要使用绝对路径。例如：

代替

<img src="/images/photo.gif">

你可以这样编码：

<img src="http://www.website.com/email/images/photo.gif">