禁用Gmail的图像下载弹出窗口

Question

我正在使用Mailchimp发送各种登机电子邮件，并发现有必要使用大块图像来实现我收到的设计。然而，当在gmail中查看时，图像会显示为要单击的元素，光标会变为指针，即使其CSS已明确设置为默认值，此外还会显示许多其他选项，如将其下载到计算机。如果你点击一张图片，它会在其他谷歌服务中内置的一些覆盖实用程序中打开。

我找到了一个解决办法：如果你把图像包装在锚标签中，并把它指向"#"，大多数谷歌服务都会关闭。然而，它最终仍然会重新加载页面，并把光标表示为指针。

有人知道我如何大规模禁用谷歌功能，以便在gmail中查看时将图像完全实现为非交互式背景资产吗？

Answer 1

Gmail似乎可以检测到特定大小限制内的图像作为可下载附件。为了避免这种情况，对我来说有效的是使用输入类型="图像"在标签中显示图像

HTML:

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

Answer 2

我刚刚在这个线程上对此做出了响应。

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

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来正确呈现图像。