it-swarm.cn

HTML图片未显示在Gmail中

我正在发送一封HTML电子邮件新闻。在HTML里面,我有类似

<img height='70' width='70' style='display:block' src='myDomain.com/imageName.png'>

当我使用Thunderbird或Outlook打开时事通讯时,正在显示图像。但是,当我使用Gmail打开它时,没有显示图像。我不确定是出于安全原因Gmail所使用的代理还是其他原因。无论哪种方式,我都想知道是否有人遇到过这种问题,如果有,如何解决。

49
Rita

参加聚会的时间很晚,但是这里...我也遇到了这个问题,并通过以下方法解决了该问题:

  • 在src网址中包含方案(使用“ //”不起作用-使用完整方案EG:“ https://”)
  • 包括宽度和高度属性
  • 包括style =“ display:block”属性
  • 包括alt和title属性

例如:

<img src="https://static.mydomain.com/images/logo.png" alt="Logo" title="Logo" style="display:block" width="200" height="87" />
41
Howard

Google仅允许来自受信任来源的图像。

因此,我通过将图片托管在Google驱动器中并将其网址用作图片来源来解决了此问题。

示例:与:http://drive.google.com/uc?export=view&id=FILEID'>

形成网址,请 请参阅此处

26
Sachin Gade

另请检查您的编码:Google将空格编码为+而不是%20。这可能会导致无效的图像链接。

8
pHOW

尝试将titlealt属性添加到您的图像中。..Gmail和其他一些属性会阻止没有某些属性的图像..这也是将您的电子邮件视为垃圾邮件的一种逻辑。

6
Hugo S. Mendes

您可能已在Gmail设置中将其关闭,请点击此处更改链接 https://support.google.com/mail/answer/145919?hl=zh_CN

此外,gmail可能以为可疑图像阻止了图像。

从上面的链接。

Gmail如何确保图片安全

一些发件人试图以有害的方式使用外部链接的图像,但Gmail会采取措施以确保安全地加载图像。 Gmail通过Google的图片代理服务器提供所有图片,并在交付之前对它们进行转码,以通过以下方式保护您:

发件人无法使用图片加载来获取诸如您的IP地址或位置之类的信息。发件人无法在您的浏览器中设置或读取Cookie。 Gmail检查您的图片中是否存在已知病毒或恶意软件。在某些情况下,发件人可能能够知道某人是否已打开具有唯一图像链接的邮件。与往常一样,Gmail会扫描每封邮件中的可疑内容,如果Gmail认为发件人或邮件有可疑内容,则不会显示图片,并且会询问您是否要查看图片。

6
codeaddict

对我来说,问题在于使用svg图片。我将它们切换为png并成功了。

4
Ruben Miquelino

HTTP或HTTPS应为完整地址

背景图片:url( http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg

var mailOptions = {
  from: '[email protected]',
  to: emails,
  subject: 'i super another ma node mailer cool test',
  text: 'That was easy!',
  html: '<a href="//google.com"><div style="background-image: url(http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg);width:500px;height:500px">ascfas</div></a>'
};
2
D V Yogesh

我知道Gmail现在已经解决了上述所有问题,包括替代项和其他内容。

这与问题无关,但可能有人和我一样。

因此,我的Web设计人员使用“ image”标记代替​​“ img”,但症状是相同的。它适用于Outlook,但不适用于Gmail。
我花了一个小时才意识到。叹气,这么浪费时间。

因此,请确保标记也是“ img”而不是“ image”

1
Esgi Dendyanri

我的问题是相似的。这就是我在测试gmail上的IMG标签方面的经验(假设大多数组织将拥有一个dev qa和prod服务器。)

我不得不通过客户的个人电子邮件ID向客户发送电子邮件,我们可以看到gmail会添加自己的内容,例如跟随img标签的src属性。现在,当我们从开发环境中发送这些图像时,它们将永远不会在gmail和我们一直好奇为什么上渲染。

https://ci7.googleusercontent.com/proxy/AEF54znasdUhUYhuHuHuhHkHfT7u2w5zsOnWJ7k1MwrKe8pP69hY9W9eo8_n6-tW0KdSIaG4qaBEbcXue74nbVBysdfqweAsNNmmmJyTB-JQzcgn1j=s0-d-e2-ft#https://www.prodserver.com/Folder1/Images/OurImage.PNG

因此发送到我的gmail ID的图像如下对我没用

<img src="https://ci7.googleuser....Blah.Blah..https://devserver.com/Folder1/Images/OurImage.PNG">

和我们的开发服务器,我们无法通过在Chrome(或任何浏览器)上点击以下URL来呈现此图像。

https://www.devserver.com/folder1/folder2/myactualimage.jpg

现在,只要src上的www一直有效,我们就不必添加任何其他属性。

<img src="https://www.**prodserver**.com/folder1/folder2/myactualimage.jpg">
0
Sandeep

我什至晚了参加这次聚会,但是花了大约2个小时尝试了所有可以想象的并且没有任何运气之后,我终于意识到,如果我将照片上传到GOOGLE PHOTOS而不是GOOGLE DRIVE,它将可以正常工作。然后,我可以在图片上单击鼠标右键,复制地址,并将其粘贴进去,然后效果会很好。

0
Paige O