【问题标题】:Workaround for Image Mapping in Outlook?Outlook 中图像映射的解决方法?
【发布时间】:2013-07-07 14:16:42
【问题描述】:
我必须创建一个只有一个图像的电子邮件签名。这不是困难的部分。此图像有多个图标,需要链接到与公司相关的各种社交网络。我尝试了图像映射并将 HTML 文件放入 Outlook 的文件夹中。我以这种方式创建了其他签名,但从未使用图像映射。 Outlook 似乎剥离了图像映射代码,使其无法正常工作。
有人知道解决方法吗?
我正在使用 Outlook 2010。
【问题讨论】:
标签:
html-email
outlook-2010
signatures
【解决方案1】:
我参加聚会有点晚了,但今天遇到了这个问题,因为我有相同的要求(带有一张图片和链接图片地图的电子邮件),并认为我会分享对我有用的任何未来围观者。
我注意到,如果我创建了电子邮件,然后使用 Internet Explorer 查看并单击“文件”->“发送”->“逐页”,则链接在生成的 Outlook 电子邮件中不起作用。我使用第三方发送电子邮件,但通过使用 IE,它可以快速预览它在 Outlook 中的显示方式。通过第三方系统发送的相同标记在 Outlook 中确实显示良好,并且图像映射链接有效。
然后我尝试使用 C# 中的 ASP.Net 以编程方式发送相同的电子邮件,并且它在 Outlook 中也有效。所以我想直接从 Outlook 创建电子邮件时可能会出现问题。
最好在图像上方添加一个简单的链接,选择在浏览器中查看,然后尽可能链接到服务器上的文件。
以下链接有另一种可能有效的方法。我没有尝试这个,因为第 3 方或以编程方式为我工作,但他们解释说从 Outlook 创建将不起作用,因为 Outlook 主要使用 VML(矢量标记语言)生成电子邮件源代码
http://www.outlook-apps.com/insert-html-to-outlook-emails/
【解决方案2】:
编写 HTML 电子邮件在 a$$ 中是出了名的痛苦。主要是因为有几十个电子邮件客户端,每个客户端支持的功能差异很大,即使客户来自同一家公司,例如。外表。图像地图只是另一种基本的编码实践,在各种电子邮件客户端中得到了参差不齐的支持。因此,除非您知道您的受众使用什么来阅读他们的邮件,否则最好避免使用它们。我不确定您的具体情况,但如果您对电子邮件的设计和编码方式有任何意见,请将您的图像切片以创建单独的链接。
【解决方案3】:
挖掘
今天早上我必须为我工作的公司做这件事。
由于 Outlook 并不总是允许在 2021 年使用图像映射,因此我的解决方案非常简单。
感谢 Gimp 中的指南,我首先剪掉了我的图像应该可以点击的地方。
然后我创建了一个表格,在其中放置了我的图像和链接。
在 Outlook 中完美运行
<td img{display:block}></td>
<div id="blocfour">
<table border-width="0" cellspacing="0" cellpadding="0" border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;
>
<tr>
<td><img src="steps/Signature_mail_step1-0-1.png" /></td>
<td><a href="https://www.linkedin.com/company/company_name/?viewAsMember=true"><img src="steps/Signature_mail_step1-1-1.png" /></a></td>
<td><img src="steps/Signature_mail_step1-2-1.png" /></td>
<td><a href="https://www.facebook.com/company_name"><img src="steps/Signature_mail_step1-3-1.png" /></a></td>
<td><a href="https://g.page/r/compagny/review"><img src="steps/Signature_mail_step1-5-1.png" /></a></td>
<td><img src="steps/Signature_mail_step1-6-1.png" /></td>
<td><a href="https://www.company_name.fr/"><img src="steps/Signature_mail_step1-7-1.png" /></a></td>
</tr>
</table>
</div>