html - 疯狂使用 Windows 10 邮件和图像大小

Question

我的图片原本很大，以便在高 DPI 显示器上看起来不错。我的 html 电子邮件模板在除 Windows outlook 2013 和 Windows 10 邮件之外的任何地方都适用。这些图像在这些客户端上看起来很大，我的宽度/高度内联 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">

我不确定 CSS 对 HTML 电子邮件的支持是否有所改进。您不太可能在所有邮件客户端中都像这样工作。包裹在表格中并使图像周围的表格单元格看起来像

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

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