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

Question

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

Answer 1

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

例子 ：

谷歌云端硬盘链接：https://drive.google.com/file/d/17iWczcf1T_D4kGRaQYBh6J2XOQI181u6/view?usp=sharing

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

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

Answer 2

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

img通过将图像与电子邮件一起发送并使用标签引用发送的图像，可以在电子邮件中嵌入图像。这种方法的一个很好的入门读物是 Campaignmonitor 的“<a href="https://www.campaignmonitor.com/blog/how-to/2008/08/embedding-images-revisited/" rel="nofollow noreferrer">嵌入图片重新访问“博客文章。

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