HTML图片未在Gmail中显示

Rit*_*ita 51 html gmail

我正在发送HTML格式的电子邮件通讯.在HTML里面我有类似的东西

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

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

How*_*ard 42

迟到了,但是这里......我也遇到了这个问题,并通过以下方式解决了这个问题:

  • 在src url中包含该方案(使用"//"不起作用 - 使用完整方案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" />
Run Code Online (Sandbox Code Playgroud)

  • 我使用https://,alt,title,width,height和style ="display:block"但没有在我的电子邮件中的html图片中显示...请帮助我. (9认同)
  • 另请注意,如果您的图像是 SVG,它也不起作用(即使采用上述所有建议),您需要将其转换为 PNG 或其他支持的格式。请参阅:/sf/answers/2320616651/ (4认同)
  • 宽度和高度为我做了 (2认同)
  • 我引用了一个 AWS S3 URL,该 URL 的开头带有“//”。替换为“https://”修复了它。 (2认同)

小智 27

Google只允许来自可靠来源的图片.

所以我通过在谷歌驱动器中托管我的图像并使用其网址作为我的图像的来源解决了这个问题.

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

形成URL请参考这里.


小智 10

我遇到了同样的问题,对我来说这是因为我使用的是 SVG 图像,一旦我更改为 JPG 或 PNG,它就起作用了。也许这可以帮助遇到同样问题的人。Gmail 似乎不支持 SVG 图像。

  • 好吧,你是对的......Google 不支持 SVG。如果你问我的话,这有点愚蠢。 (2认同)

小智 8

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


Hug*_*des 6

尝试添加titlealt属性,以你的形象.... Gmail和其他一些块图像,而一些属性..它也包括电子邮件逻辑将被解读为垃圾邮件。


小智 6

您可以在gmail设置中关闭它们,下面是更改它们的链接https://support.google.com/mail/answer/145919?hl=zh-CN

gmail也可能会阻止他们认为可疑的图像.

从上面的链接.

Gmail如何确保图片安全

某些发件人尝试以有害的方式使用外部链接的图像,但Gmail会采取措施确保图像安全加载.Gmail通过Google图片代理服务器提供所有图片,并在投放前对其进行转码,以便通过以下方式为您提供保护:

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


小智 6

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


小智 5

我注意到谷歌正在从我的 img 标签中剥离 src 属性。我尝试了此页面上的所有答案 - 没有运气。

最终对我有用的是用具有背景图像的 div 替换 img 标签。例如,而不是:

<img style="height: 24px; width: 24px; display: block;" src="IMAGE SOURCE"/>
Run Code Online (Sandbox Code Playgroud)

我将其替换为:

<div style="height: 24px; width: 24px; display: block; background: url(IMAGE SOURCE); background-size: contain;"></div>
Run Code Online (Sandbox Code Playgroud)

希望这能帮助那些花了太长时间把头发拉出来的人。