为什么我的电子邮件签名中的嵌入图像不符合 Windows 上 Outlook 中的宽度样式？

Question

我创建了一个带有嵌入图像的自定义 HTML 电子邮件签名。 Komodo 预览器和 Apple Mail 客户端的最终结果如下所示

但是，一旦我将相同的 HTML 代码带入 Windows PC 上的 Outlook 桌面应用程序，签名就会像这样呈现

Outlook 似乎完全忽略了宽度样式。

如何在 Outlook 中正确调整嵌入图像的大小？

  <table cellpadding="0" cellspacing="0" border="0"style="background: none;margin: 0;padding: 40px 10px 30px;">
    <tbody>
      <tr style="padding: 0 12px 0 0;">
        <td style="vertical-align: middle;width: 50px;padding: 0 6px 0 0;">
          <a href="http://www.tetonsports.com">
            <img src="https://tetonsports.imagerelay.com/ql/6cde221aa42c4ec8b325b3c0f6235d2e/email-icon-01.png" name="preview-image-url" style="vertical-align: middle;width:69px"/>
          </a>
        </td>
        <td>
          <table>
            <tbody>
              <tr>
                <td style="font-weight: normal;color: #000001;font-size: 14px;font-family: Helvetica, Geneva, sans-serif;">TETON Sports</td>
              </tr>
              <tr>
                <div>
                  <td
                     <span style="font-weight: bold;color: #000001;font-size: 14px;font-family: Helvetica, Geneva, sans-serif;">Josh Jorgensen</span>
                     <span style="font-weight: bold;color: #FF9E18;font-size: 14px;font-family: Helvetica, Geneva, sans-serif;">//</span>
                     <span style="font-style: italic;font-weight: normal;color: #54565A;font-size: 14px;font-family: Helvetica, Geneva, sans-serif;">Photographer</span>
                  </td>
                </div>
              </tr>
              <tr>
                <td valign="top" style="font-style: italic;font-weight: normal;color: #54565A;font-size: 14px;font-family: Helvetica, Geneva, sans-serif;">
                  <a style="text-decoration: none;font-style: italic;font-weight: normal;color: #54565A;" href="brandon@tetonsports.com">josh@tetonsports.com</a>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>

Answer 1

您是否试过像这样使用 <img> 标签的 width HTML 属性：width="69"?

这是整个标签：

<img src="https://tetonsports.imagerelay.com/ql/6cde221aa42c4ec8b325b3c0f6235d2e/email-icon-01.png" name="preview-image-url" style="vertical-align: middle;" width="69"/>

为什么我的电子邮件签名中的嵌入图像不符合 Windows 上 Outlook 中的宽度样式？

Why does the embedded image in my email signature not obey its width styling in Outlook on Windows?

html

outlook

html-email