我正在从我的应用程序中发送一些电子邮件。电子邮件中包含 html，电子邮件中的第一项是公司徽标图像
电子邮件在包括 iphone 在内的所有电子邮件客户端中都可以正常呈现，但问题在于 iphone 主题行下方的电子邮件“预览”。由于邮件正文有徽标，因此邮件预览会显示图像 url。如何避免在预览中显示图像 url 并在预览中包含更有意义的文本。 我确实需要将徽标作为电子邮件正文中的第一件事。
有什么解决办法吗？
谢谢
【问题讨论】：
标签： html ios html-email
在过去几天我自己测试了这个问题的各种迭代之后，只是在这个讨论中添加了我的两分钱。这个问题的其他答案很好开始，但他们都错过了几个边缘情况（或有时不是那么边缘情况）。我不会声称我已经在每个客户端上都测试过，但我已经让它在所有大客户端上运行：Gmail、Yahoo、Outlook.com/Hotmail、Outlook for Windows 和 OS X（各种连接到 Exchange、POP 和 IMAP 的版本）、各种基于 Web 的 IMAP 客户端、iOS 邮件（都连接到交换服务器和常规 IMAP 服务器：是的，它在这些情况下呈现不同的预览）、Android 邮件、Android/iOS Gmail 客户端、邮箱、Thunderbird 和其他一些我现在想不起来了。
使用预标题 div。设置 div 内联样式，因为某些基于 Web 的电子邮件服务 (Gmail) 会从电子邮件的 HTML 头部中去除 <style> 标记。内联样式，display: none;，适用于大多数客户端，但在 gmail Web 视图和 Yahoo Web 视图中失败，除非您将其定义为 display: none !important;。如果您没有 !important 声明，则在这些服务的基于 Web 的客户端中阅读时，预标头 div 将在电子邮件正文中可见。
现在，我们正在使用具有以下内联定义样式的 div 来隐藏我们测试过的各种客户端和服务的预标头：display: none !important; height:0px; overflow:hidden; color:#ffffff; font-size:2pt;。其中一些不适用于所有或大多数情况，但在所有情况下，它们很好地涵盖了各种基础。特别是height hack，只影响了几个客户端，并且完全破坏了 Gmail 的基于 Web 的客户端（它目前将高度声明重写为 min-height，这是出乎意料的），但由于它尊重 display: none !important;，因此预标题结束反正藏在那里。正如 ste7enm 所提到的，颜色和字体大小的 hack 在某些客户端/服务转发消息时更有效地隐藏了预标头。
旁注：在多次测试、重新设计和重新测试我们的模板后，我得出结论，HTML 电子邮件是所有美好和纯粹事物的死敌。
【讨论】：
电子邮件通常会在电子邮件的最顶部包含一个 sn-p 文本以解决该问题。
见 - http://www.aweber.com/blog/email-marketing/do-you-use-snippets-for-more-opens.htm
【讨论】：
您是否尝试过在img 标签内使用alt？例如
<img src="mycompany.png" alt="company name" />
【讨论】：
我知道这个问题有点老了，但我在搜索中发现了这个问题，我想我会添加另一个小提示：
如果您打算在顶部包含一个 DIV（preheader，per @John），请确保对其进行样式设置。
我发现当人们在 Outlook 中收到电子邮件时，虽然原始邮件中没有出现预标题，但如果他们转发或回复邮件，它会重新出现。
使用这个简单的解决方法来避免这个问题：
<div style="display:none; color:#fff; font-size:2pt;">This is the abstract text that will appear in your email client's message preview or notification window.<br /> </div>
当他们收到预标题时，它会被隐藏，文本仍用于 Outlook 的预览通知或 iOS 上的邮件中的文本预览，当他们转发或回复您的邮件时，它是如此的小而白，以至于您的听众不会看到的。
另请注意，使用旧 BlackBerry 设备（如果 HTML 已禁用，则为 BlackBerry 4 和 BlackBerry 5）的用户可以看到这种类型的标题。
【讨论】：