Question

有图片的电子邮件Outlook签名有问题，这些图片会缩小到更大的尺寸，但仅限于MS Outlook 2010 ..在新版本中一切都还可以。

电子邮件签名html：

<table border="0" cellspacing="0" style="width: 470px; color: gray; font-family: arial;" width="470px" height="115px">
  <tr>
    <td width="120px">
      <img alt="" src="https://wearemarketing.lt/fez/logo-lt_120d.png" style="margin-left: 4px;" width="120px" height="115px" alt="t" />
    </td>
    <td style="" width="320px">
      <p>
        <span class="name" style="font-size: 14pt;">
                    NAME SURNAME
                </span>
        <br>
        <span class="position" style="font-size: 12pt;">
                        POSITION
                    </span>
        <br />
      </p>
      <p style="font-size: 10pt;">
        <span class="address">
                    ADDRESS
                </span>
        <br>
        <span class="tels">
                        PHONE
                    </span>
        <br>
        <span class="mob">
                            ANOTHER PHOINE
                        </span>
        <br/>
        <br/>
      </p>
    </td>
  </tr>
  <tr>
    <td colspan="2" width="470px">
      <img alt="" src="https://wearemarketing.lt/fez/long-lt_470d.png" style="width: 470px;" width="470px" height="89px" alt="t" />
    </td>
  </tr>

</table>

是否可以使用不.png，但.svg图像？

Answer 1

看起来您将宽度和高度的表值格式与我们编写CSS值的方式混淆。它们是不同的。在您的代码中，您在使用表格和图片定义高度时添加了px。

适用于<table> ：

这是正确的：width="200"

这是不正确的：width="200px"

我使用简单的HTML包装器测试了您的代码，其中包含我在Litmus和Outlook 2010中的修复程序，现在大小看起来大致相同。我没有测量。

SVG图片：

Outlook，Android和Gmail无法使用SVG图像。我建议坚持使用PNG。

祝你好运。

使用Outlook页脚：

<table border="0" cellspacing="0" style="width: 470px; color: gray; font-family: arial;" width="470" height="115">
  <tr>
    <td width="120">
      <img alt="" src="https://wearemarketing.lt/fez/logo-lt_120d.png" style="margin-left: 4px;" width="120" height="115" alt="t" />
    </td>
   <td style="" width="320">
      <p>
        <span class="name" style="font-size: 14pt;">
                    NAME SURNAME
               </span>
        <br> 
        <span class="position" style="font-size: 12pt;">
                        POSITION
                    </span>
        <br />
      </p>
      <p style="font-size: 10pt;">
        <span class="address">
                    ADDRESS
                </span>
        <br>
        <span class="tels">
                        PHONE
                    </span>
        <br>
        <span class="mob">
                            ANOTHER PHOINE
                        </span>
        <br/>
        <br/>
      </p>
    </td>
  </tr>
  <tr>
    <td colspan="2" width="470">
      <img alt="" src="https://wearemarketing.lt/fez/long-lt_470d.png" style="width: 470px;" width="470" height="89" alt="t" />
    </td>
  </tr>

</table>

电子邮件html签名缩放图像

1 个答案: