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

我已经创建了电子邮件模板使用HTML和从头开始的内联样式。现在我需要添加一些图片，在这一点上不可能使用网址，因为它没有托管。我尝试使用base64编码，它在Apple邮件客户端工作，但图像不在Gmail中呈现。有没有办法将图像嵌入到所有电子邮件客户端支持的html中？如何在HTML电子邮件模板中嵌入图像？

来源

2017-04-06 Ajay Sivan

你是怎么在你的html中嵌入base64图片的？ – repzero

@repzero我使用在线服务将图像转换为base64，然后将数据放入'src'属性中。它在浏览器和苹果邮件客户端工作，但不适用于Gmail。我发现很多电子邮件客户端都不支持，包括Gmail –

，您可以在http://imgur.com/upload上传图片，然后使用图片的src网址。 –

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

例子：

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

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

现在你可以使用这个链接在你的模板。

来源

2017-04-06 07:17:26

Base64支持非常有限。一般来说，建议不要使用它。你可以在this tutorial找到关于base64编码支持的信息。这可能有助于确定受支持的客户端列表是否足够满足您的需求。

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

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

来源

2017-04-07 15:50:48

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

回答

相关问题