在 Outlook 回复中返回 .png 文件的 HTML 电子邮件签名答案

【问题标题】：HTML email signature returning .png file on Outlook reply在 Outlook 回复中返回 .png 文件的 HTML 电子邮件签名
【发布时间】：2012-05-24 07:14:43
【问题描述】：

我正在为我的公司创建一些电子邮件签名，但遇到了一个小问题。

我可以很好地使用 Outlook（当我使用 Outlook 发送给用户时，签名看起来很完美），但是当他们回复时，签名文本会变成 .png 文件，而背景图像静止显示。

我不确定 Outlook 为何将其转换为 .png？

有人经历过吗？

图片。

这是签名的外观，在 Outlook 和 Mac 邮件中也是如此。
这就是 Outlook 用户回复我的电子邮件时发生的情况。它保留 sig 并通过将文本转换为 .png 来使文本出现乱码，如下图所示。
这是 Outlook 用户响应时转换为 .png 的签名。

<br />
<br />
<table width="524" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
    <td style="width: 524px; height: 244px; background-image: url('http://photography.kastnerandpartners.com.au/email/rb_guy.jpg');">
        <!--[if gte mso 9]>
        <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 524px; height: 244px; top: 0; left: 0; border: 0; z-index: 1;' src="http://photography.kastnerandpartners.com.au/email/rb_guy.jpg" />
        <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 524px; height: 244px; top: 14; left: 40; border: 0; z-index: 2;'>
        <div>
        <![endif]-->
        <table width="524"; height: "244"; border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
          <tr>
            <td height="244" align="left top" valign="top">

                <p style="z-index:2; padding: 14px 0 0 40px; line-height: 18px; font-family: 'Courier New', Courier, monospace; font-weight:800; font-size: 12px; color: #999999;">
            <br />
            <img src="http://photography.kastnerandpartners.com.au/email/KP-logo.png"><br />
            <span style="-webkit-text-size-adjust:none; font-size:12px;"><strong style="color: #333333">Michael Birchall</strong> | Art Director | <a href="http://kastnerandpartners.com.au" title="kastnerandpartners.com.au" style="color: #666666; text-decoration: none; border-bottom: 1px #cccccc dotted;">kastnerandpartners.com.au</a></span><br />            
            Level 2,  137 Pyrmont St, Pyrmont NSW 2009, Australia<br />
            t +61 2 8585 5555  | m +61 413 354 019<br />
            e <a href="mailto:michael.birchall@kastnerandpartners.com.au" style="color: #999999;">michael.birchall@kastnerandpartners.com.au</a><br />

                </p>         
            </td>
          </tr>
        </table>
        <!--[if gte mso 9]>
        </div>
        </v:shape>
        <![endif]-->
    </td>
</tr>
</table>

【问题讨论】：

不确定，但我猜这一定与将内容转换为形状的 v:shape 标签有关
@FedericoGiust：我同意。我认为不应该提及 VML。
经过多次尝试和错误尝试让背景图像显示在 Outlook 中，我遇到了这个博客，上面说要使用 VML iamskwerl.com/tech/2011/11/… ???
有谁知道我会使用VML将文本保留为文本的代码吗？

标签： html email outlook png signature

【解决方案1】：

VML 方法仅用于从部署服务（如 Campaign Monitor、MailChimp 等）发送 HTML 电子邮件时的背景图像。从 Outlook 中发送电子邮件时，程序本身会将其自己的代码添加到您的签名中，这将删除/剥离您创建的编码（包括 VML 代码）。

最重要的是，Outlook 因在回复时会混淆任何电子邮件的 HTML 而臭名昭著，因此无法保证您发送的内容将保持不变。

【讨论】：

嗯...那么简单地使用背景颜色或者将背景图像切片并将其放在表格单元格中会更安全吗？（删除中心图像/白色部分）。

【解决方案2】：

以防将来有人想知道。我通过简单地将图像放在表格和表格单元格中来解决了这个问题。

Outlook 现在可以很好地呈现签名（Outlook 2007 好吗？） - 另一方面，Lotus notes 出现恐慌症，并用红色 x 呈现所有内容。

我在使用 Outlook 2010 时遇到问题 - 它在第一个和第二个之间设置了一个间隙……谁能看到这段代码出了什么问题？

<table id="Table_01" width="524" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
  <tr>
    <td colspan="3" style="padding:0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_01.png" width="524" height="19" alt="" style="background-color:#ffbb39;"></td>
  </tr>
  <tr>
    <td rowspan="2" style="padding:0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_02.png" width="18" height="151" alt="" style="background-color:#ffbb39;"></td>
    <td width="488" align="left top" valign="top" alt="" style="background-color:#fff; padding: 10px 0 0 25px;" cellpadding="0" cellspacing="0">
    <p style="padding: 0; line-height: 18px; font-family: 'Courier New', Courier, monospace; font-weight:800; font-size: 12px; color: #999999;">
    <img src="http://photography.kastnerandpartners.com.au/email/KP-logo.png"><br />
        <span style="-webkit-text-size-adjust:none; font-size:12px;"><strong style="-webkit-text-size-adjust:none; font-size:12px; color: #333333;">Michael Birchall</strong> | Art Director | <a href="http://kastnerandpartners.com.au" title="kastnerandpartners.com.au" style="color: #666666; text-decoration: none; border-bottom: 1px #cccccc dotted;">kastnerandpartners.com.au</a></span><br />
        <span style="-webkit-text-size-adjust:none; font-size:12px;"><strong style="color: #999999">Level 2,  137 Pyrmont St, Pyrmont NSW 2009, Australia<br />
        t +61 2 8585 5555 | m +61 413 354 019<br />
        e <a href="mailto:michael.birchall@kastnerandpartners.com.au" style="color: #999999;">michael.birchall@kastnerandpartners.com.au</a><br />
        </strong></span> </p></td>
    <td rowspan="2" style="padding: 0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_04.png" width="18" height="151" alt="" style="background-color:#ffbb39;"></td>
  </tr>
  <tr>
    <td valign="bottom" style="padding: 0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_05.png" width="488" height="18" alt="" style="background-color:#ffbb39;"></td>
  </tr>
  <tr>
    <td colspan="3" style="padding: 0;" cellpadding="0" cellspacing="0">
    <img src="http://photography.kastnerandpartners.com.au/email/bell/bell_06.png" width="524" height="74" alt="" style="background-color:#ffbb39;">

      </td>
  </tr>
</table>

【讨论】：