使用Windows 10 Mail和图像大小

Question

我的图像原本很大，使它们在高DPI显示器上看起来很好。我的HTML电子邮件模板适用于除Windows Outlook 2013和Windows 10邮件之外的所有地方。这些客户端上的图像看起来很GIANT，我的宽度/高度内联CSS被忽略了。

我能做些什么吗？此图像显示为500像素图像......

<img width="60px" height="30px" style="margin: 20px" src="myImage.png">

Answer 1

这不是有效的HTML：

<img width="60px" height="30px" style="margin: 20px" src="myImage.png">

你必须大多忽略CSS，因为HTML电子邮件已经过去很久了。宽度和高度属性中不允许使用单位 - 它始终是像素。试试这个：

<img width="60" height="30" style="margin: 20px" src="myImage.png">

我不确定HTML电子邮件支持是否已针对CSS进行了改进。在所有邮件客户端中，您不太可能获得这样的保证金。通过在表格中包装，并使图像周围的表格单元格看起来像

，您将获得更好的服务

<td cellpadding="20"><img width="60" height="30" src="myImage.png"></td>

另外，我很确定高DPI显示电子邮件的标准可能是显示分辨率的2倍或3倍。你为什么使用500px图像？缩小到120px，看起来应该很好，因为现在大多数设备的缩放比例都不超过2倍。

Answer 2

它可能与您的图像或内联CSS无关。

Microsoft Outlook和Windows Mail中的图像大小受Windows 8 / 8.1 / 10的显示设置的影响。

尝试将您的显示尺寸设置为100％并且在再次尝试之前不要忘记退出Windows。

Answer 3

不要在电子邮件中使用保证金，在outlook.com/hotmail.com中不支持，请改用填充。 宽度和高度最后不应该有px，Outlooks dosnt理解这一点有些奇怪的原因。

<td style="padding:20px">
 <img width="60" height="30" src="myImage.png">
</td>