图像未在Outlook上加载但在Litmus测试时工作

Question

我正在测试一个通过表格构建的新HTMl电子邮件。它适用于所有Outlook版本的Litmus检查，但是当我在Outlook中向自己发送测试邮件时，图像没有显示？我不确定为什么会这样？想法？

这是我的简单表格：

<table style="padding: 0px 0px 0px 0px;border:1px solid #bfbfbf;background-color:#e8ecef;mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px" align="center" valign="top" width="593" class="column column-0 of-1 empty" bgcolor="#e8ecef" cellpadding="0"
  cellspacing="0">
  <tbody>
    <tr>
      <td class="columns--column-content" bgcolor="#e8ecef" style="background-color:#e8ecef;padding:0;">
        <div id="hs_cos_wrapper_section_one" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text">
          <table class="wrapper" style="table-layout: fixed; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="100%" cellspacing="0" cellpadding="0" data-type="image">
            <tbody>
              <tr>
                <td>
                  <table class="wrapper" style="table-layout: fixed; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="100%" cellspacing="0" cellpadding="0" data-type="image">
                    <tbody>
                      <tr>
                        <td style="padding: 0px 0px 0px 0px;" align="center" valign="top">
                          <a href="#" style="text-decoration: none; font-family: Arial,Helvectica,sans-serif; font-size: 16px;" target="_blank" data-hs-link-id="0">
                          <img src="https://content.liveres.co.uk/hubfs/Emails/Newsletter/Zonal/The-Bottom-Line.jpg?t=1517929358720" width="100%" border="0" style="display: block; color: #000000; text-decoration: none; font-family: Helvetica,arial,sans-serif; font-size: 16px;">                            </a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr style="height: 118px;">
                <td style="height: 118px;" align="center">
                  <table class="module" style="table-layout: fixed; width: 360px; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="360" cellspacing="0" cellpadding="0" data-type="text">
                    <tbody>
                      <tr>
                        <td style="padding: 0px 20px 0 20px; font-family: Arial, sans-serif; font-size: 30px; font-weight: bold; line-height: 38px; color: #535353; text-align: center;" valign="top" bgcolor="">Heading</td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td align="center">
                  <table class="module" style="table-layout: fixed; width: 360px; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="360" cellspacing="0" cellpadding="0" data-type="text">
                    <tbody>
                      <tr>
                        <td style="padding: 0px 20px 0px 20px; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; color: #414042; text-align: center;" valign="top">Text here.</td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
</table>

编辑：此问题适用于Microsoft Office Outlook 2010。

Answer 1

当我用相对路径，本地图像测试时，它发生在我身上。只要您使用其托管文件的绝对路径，就应该显示它们。或者，您可以尝试从img标记中删除高度，这也会使它们显示出来。