Outlook中的图片宽度太宽 [英] Image width is too wide in Outlook

问题描述

我想发送带有图片的HTML电子邮件。图像在所有电子邮件客户端看起来不错，但在展望他们太广泛。如何修正图片的最大宽度？

I am trying to send html emails with images. Images look good in all email clients but in outlook they are too wide. How to fix max-width of image?

    <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>

推荐答案

无论CSS支持还是HTML属性，那就是导致在Outlook中的问题是图像的实际大小。 Outlook通常忽略任何HTML大小（width =或height =）或CSS样式（width :, height :)并且离开图像中的嵌入信息。这是基于DPI设置以及Word HTML引擎的渲染。

Regardless of CSS support or HTML attributes, the main factor that is causing the issue in Outlook is the actual size of the image. Outlook usually ignores whatever HTML sizing (width= or height=) or CSS styling (width:, height:) and goes off of the embedded information in teh image. This is all based off DPI setting as well as the renderings of the Word HTML engine.

Mailchimp解决方案

下面是解释问题的代码段此处的更多详情

Below is snippet explaining the issue in more detail from here

当您使用96dpi以外的图片时，通常会出现此问题。

"This issue usually happens when you are using a picture other than 96dpi.

插入图片时，Outlook会将图片重新调整为96dpi图片。也就是说，如果您有一张高度为88像素的150像素的图片，则会显示为高度为56像素的图片;
88px / 150dpi * 96dpi = 56px

When inserting a picture, Outlook will rescale the image as if it was a 96dpi image. This means that if you have a picture of 150dpi with a height of 88px, it will be displayed as an image of 56px high; 88px/150dpi * 96dpi = 56px

它甚至变得更糟;发送时，Outlook将转换和压缩（重新渲染）的图像到96dpi与新的维度永久！这意味着所有的详细图片信息丢失，你会发送96dpi的图像是56px高。这当然是一个严重和非常明显的质量损失。

It even gets worse; upon sending, Outlook will convert and compress (re-render) the images to 96dpi with the new dimensions permanently! This means that all the "detailed" picture information is lost and you'll be sending an image of 96dpi which is 56px high. This is of course a severe and very visible quality loss.

如果你的图片小于96dpi，那么相反的情况发生。一个高度为88像素，dpi为32的图片将产生一个高达264像素的96dpi图像。所以结果将是一个非常大的图像（但这次你可以调整它的大小，而不使图像变得模糊）。

If your picture is less than 96dpi, then the opposite happens. A picture of 88px high with a dpi of 32 would then result in a 96dpi image of 264px high. So the result will be a very large image (but this time you can resize it back without the image becoming blurry).

这是一个长期悬而未决的问题/功能/设计选择从一开始回到1993年的Word 6.0。

This is a long outstanding issue/function/design choice which goes back all the way to Word 6.0 from 1993."

这篇关于Outlook中的图片宽度太宽的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！