如何在HTML电子邮件模板中嵌入图像？

Question

我使用HTML创建了电子邮件模板，并从头开始创建内联样式。现在我需要添加一些图像，此时不可能使用url，因为它不是托管的。我尝试使用base64编码，它在Apple邮件客户端中工作，但图像不在Gmail中呈现。有没有办法在所有电子邮件客户端支持的HTML中嵌入图像？

Answer 1

通过共享“网络上的公开”链接或“拥有该链接的任何人”链接，在 Google云端硬盘中公开托管图片。然后使用此链接http://drive.google.com/uc?export=view&id=FILE_ID直接访问图片。您应该将FILE_ID替换为Google云端硬盘链接中的实际ID。

示例：

Google云端硬盘链接：https://drive.google.com/open?id=0B7RYx63s2PFqam9PWVFrcXc1RU

生成的链接：http://drive.google.com/uc?export=view&id=0B7RYx63s2PFqam9PWVFrcXc1RU

现在您可以在模板中使用此链接。

Answer 2

Base64的支持非常有限。一般来说，不建议使用它。您可以在this tutorial中找到有关base64编码支持的信息。在您的情况下，确定支持的客户列表是否足够可能有所帮助。

通过将图像与电子邮件一起发送并使用img标记引用已发送的图像，可以在电子邮件中嵌入图像。此方法的良好入门读物是Campaignmonitor的“Embedding images revisited”博客文章。

最佳解决方案是使用快速维护的服务提供商托管图像。 如果您使用Github，您还可以从存储库的GH-Pages分支提供图像（或任何其他内容）。