HTML 签名仅在 Outlook 中调整部分图像的大小

Question

我用 HTML 制作了一个电子邮件签名，它似乎遵循了大多数准则(表格、内联样式等)，并且在大多数客户端上看起来相当不错。但是，它在 Outlook 上看起来一定很奇怪，因为这是在收到 Outlook 回复后返回到我的电子邮件客户端的方式:

Logo 非常好，但社交 Logo 的缩放比例非常高。但是，图像的代码如下所示:

<td valign="middle" style="padding: 0px 8px 0px 0px; border: 0px; outline: none;">
  <div style="margin: 0px; padding: 0px; border: 0px; outline: none; float: left;">
    <img width="110" height="60" src="https://i.imgur.com/FjK5XfG.png" style="border: none; vertical-align: middle;">
  </div>
</td>

• >

Answer 1

当您将 px 单位添加到值时，Outlook(可能还有其他应用程序)似乎忽略了 height 和 width 属性。规范对此并非 100% 清楚，但是，默认情况下整数值被视为像素，您可以为百分比值添加 % 后缀。

根据规范，该值必须是非负整数，并且没有提到添加px 后缀的要求:

The width and height attributes on img, iframe, embed, object, video, and, when their type attribute is in the Image Button state, input elements may be specified to give the dimensions of the visual content of the element (the width and height respectively, relative to the nominal direction of the output medium), in CSS pixels. The attributes, if specified, must have values that are valid non-negative integers.

进一步阅读:

• How to specify image size in pixels

• W3 HTML Dimension Attributes Spec

---

总而言之，有效代码应该是:

<img src="url" width="7" height="15">