html - Outlook 中的图像宽度太宽

Question

我正在尝试发送带有图像的 html 电子邮件。图片在所有电子邮件客户端中看起来都不错，但在 Outlook 中它们太宽了。如何修改图片的最大宽度？

    <table id="cg-cmgxsgg" class="widget widget-image " width="580" data-widget-code="email-image">
   <tbody>
      <tr>
         <td align="center">
            <div><img src="http://vcap.me//file/get/ce2c1e66-2129-41e8-903c-a40300e7bbd0" width="580" alt="" style="float: none; margin-left: auto; margin-right: auto;"></div>
         </td>
      </tr>
   </tbody>
</table>

Answer 1

无论 CSS 支持或 HTML 属性如何，在 Outlook 中导致问题的主要因素是图像的实际大小。 Outlook 通常会忽略任何 HTML 大小(width= 或 height=)或 CSS 样式(width:, height:)，并忽略图像中的嵌入信息。这完全基于 DPI 设置以及 Word HTML 引擎的渲染。

Mailchimp solutions

以下是来自 here 的更详细解释问题的片段

“当您使用非 96dpi 的图片时，通常会发生此问题。

插入图片时，Outlook 会将图像重新缩放为 96dpi 图像。这意味着如果你有一张150dpi的图片，高度为88px，它会显示为56px高的图片；88px/150dpi * 96dpi = 56px

情况甚至变得更糟；发送后，Outlook 会将图像永久转换并压缩(重新渲染)为 96dpi 的新尺寸!这意味着所有“详细”图片信息都丢失了，您将发送 96dpi 的图像，高 56px。这当然是严重且非常明显的质量损失。

如果您的图片小于 96dpi，则相反。一张 88px 高、dpi 为 32 的图片将生成一张 96dpi、264px 高的图片。所以结果将是一个非常大的图像(但这次你可以调整它的大小而不会使图像变得模糊)。

这是一个长期悬而未决的问题/功能/设计选择，可以追溯到 1993 年的 Word 6.0。”