停用Gmail的图片下载弹出窗口

时间:2015-02-17 15:45:55

标签: html css email templates gmail

我使用Mailchimp发送各种登机电子邮件,并发现有必要使用大块图像来实现我的设计。然而,当在gmail中查看时,图像呈现为要点击的元素,光标变为指针,即使其CSS已明确设置为默认值,此外还提供了许多其他选项,例如将它们下载到计算机中。如果您点击图片,则会在其他Google服务中内置的覆盖实用程序中打开。

我找到了一个解决方法:如果你将图像包装在一个锚标签中并将其指向"#"大多数Google服务都已关闭。但是它仍然会重新加载页面并将光标表示为指针。

在gmail中查看时,有没有人对如何禁用Google功能批发以完全实现图像作为非交互式后台资产有任何想法?

2 个答案:

答案 0 :(得分:0)

Gmail似乎会将特定大小限制内的图片检测为可下载的附件。为了避免这种情况,对我有用的是使用输入类型='图像'在标签中显示图像

HTML:

 <td><input type="image" src="MOBILE_02.jpg" width="700" height="226" alt="" style="display:block; outline:none" /></td>

答案 1 :(得分:-1)

我刚刚回复了这个on this thread

但我也会在这里回答:以防万一:

Gmail似乎会将特定大小限制内的图片检测为可下载的附件。为了避免这种情况,对我有用的是使用“background”属性在<td>标记内显示图像。这有效地使Gmail将图像视为背景图像,而不是可以下载的<img>。例如,在您的代码中而不是以下

<td>
<img src="your_image.jpg" alt="Your Image" height="114" width="275"  style="border: 0 none;" />
</td>

使用:

<td background="your_image.jpg" valign="top" height="114" width="256" style="background-position: 0 100%; background-repeat: no-repeat;" >
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:256px;height:114px;">
<v:fill type="tile" src="your_image.jpg" color="#e6e6e6" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>

请注意,旧版电子邮件客户端可能需要<td>之间的VML来正确呈现图像。