html - 将图像添加到 HTML 电子邮件

标签 html css email transactional-email

<分区>

想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它.

关闭 4 年前。

Improve this question

我正在寻找将图像(如 Logo 或社交媒体图标)添加到我的 HTML 电子邮件模板的权威方法。这是什么意思:

应在所有电子邮件客户端和网络邮件中加载
不应要求将图片添加为附件
外部托管的图片不是问题
应要求通过电子邮件发送最少的数据
不应干预网络邮件客户端使用的 HTML 或 CSS

目前尝试过的方法:

添加基本编码图像作为图像(未渲染)
添加基本编码图像作为 CSS 背景(未渲染)
添加外部托管(默认情况下被 gmail 阻止)
将外部托管的图像添加到 CSS 背景(不由 Windows Mail 呈现)

我可以找到很长的文章来讨论各种方法的所有优缺点，但没有告诉您最好的方法。如果有其他(更好的方法)来格式化交易电子邮件，我也会洗耳恭听。谢谢!

最佳答案

从技术上讲，我可以根据您的偏好选择哪个 Angular ，但我认为将托管图像添加为 <img>是解决此问题的最佳方法 - 关于 gmail 阻止显示图像我会考虑在几个不同的服务器上托管图像并测试每个服务器，因为我们公司的电子邮件顶部有我们公司的 Logo 并且它通过 gmail 显示得很好并且它只是 <img> 中的托管图像元素。

让我知道你是如何处理这个问题的——如果你找到一个可以使用 gmail 的主机，你应该不会看到任何既支持 HTML 又不支持图像显示的电子邮件客户端(有时你会被提示下载它等等，但之后它会起作用)

谢谢，迈克尔

关于html - 将图像添加到 HTML 电子邮件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53282767/

上一篇：css - 在 WordPress 父主题中覆盖 !important

下一篇：html - block 列表和行内 block 显示不正确的垂直间距

相关文章：

javascript - Div 从指定顶部位置展开

javascript - 使用递增的列数创建 html 表

html - 为我的代码更改 css 背景

javascript - 单击按钮以 PHP 方式回复电子邮件

带有转义小于和大于电子邮件地址的正则表达式？

html - 自定义导航和悬停时显示子菜单的问题

设置高度和溢出的 jQuery slideDown

html - 为什么我的 div 被推出其容器 div？

html - 图像/文本对齐有问题

java - 如何将邮件中的base64图像附加到JavaMail和MimeMessageHelper？