发送带有未在 gmail 中显示的图像的 html 邮件答案

【问题标题】：sending html mail with images not displaying in gmail发送带有未在 gmail 中显示的图像的 html 邮件
【发布时间】：2011-01-11 12:49:21
【问题描述】：

我正在通过 php 发送 html 电子邮件。当我使用 gmail、hotmail 或 yahoo 邮件对其进行测试时，该电子邮件的背景图像未显示。我曾尝试使用图像标签，但这也不起作用。如果使用 OSX Mail 或 Mozilla 或 Outlook 等电子邮件客户端，该图像工作得非常好。有什么想法吗？

很抱歉没有添加任何代码。这是我尝试实现它的方法：

    <div style="border-bottom:1px solid #CCCCCC; padding:0 20px; background-color:#EDEDED; background-image:url(http://www.mysitename.com/images/email_header.png); background-repeat: no-repeat; background-position: 520px center; height:120px;"> 
Header 
</div>

gmail 可以很好地显示其他附件和图片，但我猜它会阻止 html 图片（即使它们是背景图片）

【问题讨论】：

标签： html-email

【解决方案1】：

如您所见，Gmail 不支持 CSS 背景图片。

http://www.email-standards.org/ 是一个很好的资源，用于找出不同客户端中的电子邮件呈现问题。

【讨论】：

【解决方案2】：

原来我是在使用 CSS 将图片放在背景中。 Gmail 不喜欢这样。相反，我使用了图像标签。我无法证实这一点，但是：我以前也这样做过，但没有成功，但以前做的是我没有使用表格进行布局。所以总结一下…… 使用表格来布局 html 电子邮件插入带有宽度、高度、alt 标记的图像标记和 gmail ， hotmail 和 yahoo 会显示你的形象。希望这可以为某人节省一些时间:)

【讨论】：

【解决方案3】：

您将能够使用 css 制作背景图片。诀窍是不要使用速记并将css放在body标签下方。因此，不要输入“背景：...”，而是确保完全输入并使用：“背景图像：”“背景颜色：”“背景重复：”等。这个节目对我来说非常适合 gmail 等。

【讨论】：

【解决方案4】：

您没有包含任何代码，甚至没有包含您的电子邮件外观的示例，所以我所能做的就是给您一个一般性建议：

尝试从 Gmail 手动将带有图片的电子邮件发送回您的 Gmail 帐户。确认图像显示。现在转到“显示原始文件”并将其复制并粘贴到文本文件中。

现在对从您的程序发送的电子邮件执行相同的操作：将其发送到 Gmail，“显示原始”并复制并粘贴到另一个文件中。

现在比较这两个文件。它们有何不同？

【讨论】：

我的 gmail 可以很好地处理从 OS X 邮件应用程序发送的 HTML 电子邮件。当我使用静止的应用程序时，图像显示正常。我想我的麻烦在于使用 php 发送 html 电子邮件 ....也许我应该附上图片并引用附件。 ..我不确定什么是最好的方法，但肯定有一个原因，我确实收到了带有图像的 html 电子邮件，效果很好。
@salmane：因此，将您在从 mail.app 发送的工作电子邮件的“显示原始”中看到的内容与您在从 PHP 代码发送的非工作电子邮件的“显示原始”中看到的内容进行比较. “显示原件”位于电子邮件右上角的下拉菜单中（紧挨着“回复”一词）。

【解决方案5】：

没有 Gmail 不支持 CSS 的 background-image 属性。我自己测试过。

看看这个：http://www.email-standards.org/clients/gmail/

【讨论】：

【解决方案6】：

就我而言，我需要用 PNG 版本替换 SVG 图像。图片标签不需要任何属性。

【讨论】：