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

Posted 2023-03-05

【中文标题】禁用 Gmail 的图片下载弹出窗口

【英文标题】：Disable Gmail's image download popup

【发布时间】：2015-04-18 08:59:15

【问题描述】：

我正在使用 Mailchimp 发送各种入职电子邮件，并发现有必要使用大块图像来实现我收到的设计。然而，当在 gmail 中查看时，图像将自身显示为要单击的元素，光标变为指针，即使其 CSS 已明确设置为默认值，此外还会显示许多其他选项，例如将它们下载到您的计算机.如果您单击图像，它将在其他 Google 服务中内置的某些叠加实用程序中打开。

我找到了一种解决方法：如果您将图像包装在锚标记中并将其指向“#”，则大多数 Google 服务都会关闭。但是，它仍然会重新加载页面并将光标表示为指针。

在 gmail 中查看时，是否有人对我如何禁用 Google 功能批发以完全实现图像作为非交互式背景资产有任何想法？

【问题讨论】：

我投票结束这个问题，因为它是关于使用谷歌服务的。这个问题更适合 Web Applications SE。

Gmail shows download icon on images of html Email的可能重复

【参考方案1】：

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

HTML：

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

【参考方案2】：

我刚刚回复了这个on this thread。

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

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

<td>
<img src="your_image.jpg"     style="border: 0 none;" />
</td>

用途：

<td background="your_image.jpg" valign="top"   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>s 之间的 VML 才能正确呈现图像。