如何在电子邮件模板中制作徽标在所有电子邮件客户端上看起来都一样

Question

我正在尝试为我的客户端编写密码重置的电子邮件模板。它在Gmail桌面和移动设备上看起来相当不错。但是当它在Outlook上打开时，徽标大小不会呈现我指定的CSS宽度，而是显示其原始大小。有没有解决它。 我在网上搜索，他们说不同的电子邮件客户端使用自己的风格呈现HTML。我真的需要修复它。

Answer 1

Outlook要求您将宽度和高度设置为img标记上的属性，而不是style规则。像<img src="image.jpg" width="300">这样的东西应该有效。

Answer 2

一致性和HTML电子邮件客户端几乎是矛盾的。

对于一致的徽标大小，获得350x200或其他所有客户端的最佳选择是将实际图像缩放到所需大小并使用它，而不是使用CSS缩小它。

或者您可以更好地将<div>或<a>设置为您想要的确切尺寸，并将徽标用作背景图片。

Answer 3

电子邮件，实际协议，从未打算支持签名图像。你可以打它，但在一天结束时，电子邮件从来没有打算用于此。所以，我建议你完全抛弃图像。但是，您可以在主题和正文中使用基于unicode的字符。请参阅：Miscellaneous Symbols and Pictographs