疯狂使用 Windows 10 种邮件和图像尺寸

Question

我的图片原本很大，是为了让它们在高 DPI 显示器上看起来不错。我的 html 电子邮件模板在除 Windows outlook 2013 和 Windows 10 邮件之外的任何地方都适用。这些图像在这些客户端上看起来很大，而我的 width/height 内联 CSS 被忽略了。

有什么我可以做的吗？此图像显示为 500 像素图像...

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

Answer 1

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

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

尝试将显示尺寸设为 100%，并且在重试之前不要忘记退出 Windows。

Answer 2

这是无效的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 的电子邮件支持是否有所改进。您不太可能在所有邮件客户端中都像这样工作。包裹在 table 中并使图像周围的 table 单元格看起来像

会更好地为您服务

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

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

Answer 3

不要在电子邮件中使用边距，outlook 不支持它。com/hotmail.com，请改用边距。宽度和高度末尾不应该有 px，出于某种奇怪的原因，Outlook 不理解这一点。

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

going crazy with Windows 10 Mail and image sizes