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

How to embed image in HTML email template?

我使用 HTML 和内联样式从头开始创建了一个 电子邮件模板。现在我需要添加一些图像,此时无法使用 url 因为它没有托管。我尝试使用 base64 编码,它在 Apple 邮件客户端中有效,但图像无法在 Gmail 中呈现。有什么方法可以在所有电子邮件客户端都支持的 html 中嵌入图像吗?

通过分享 link 'public on the Web' 或 'anyone with the link' 在 Google Drive 中公开托管图像。然后使用这个 link http://drive.google.com/uc?export=view&id=FILE_ID 来直接访问图像。您应该将 FILE_ID 替换为 Google Drive link.

中的实际 ID

示例:

Google 驱动器 Link : https://drive.google.com/file/d/17iWczcf1T_D4kGRaQYBh6J2XOQI181u6/view?usp=sharing

生成 Link : http://drive.google.com/uc?export=view&id=17iWczcf1T_D4kGRaQYBh6J2XOQI181u6

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

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

通过将图像与电子邮件一起发送并使用 img 标签引用发送的图像,可以在电子邮件中嵌入图像。 Campaignmonitor 的“Embedding images revisited”博客 post.

是该方法的入门读物

最好的解决方案是通过服务提供商托管图像,这样既快速又易于维护。 如果您使用 Github,您还可以从存储库的 GH-Pages 分支提供图像(或任何其他内容)。