【问题标题】：Should a logo be a separate image in a html email?徽标应该是 html 电子邮件中的单独图像吗？
【发布时间】：2017-02-04 23:05:25
【问题描述】：
我可能想太多了。我正在创建一个 HTML5 电子邮件模板，徽标位于具有白色背景的英雄图像上方。徽标是否应该位于与主图不同的图像中？
我想知道两者在性能和垃圾邮件过滤方面的优缺点是什么。
我的想法是……
- 加载一张图片而不是两张图片会提高性能。
- 只有一个 alt 标签和较大的图片，电子邮件客户端可能更有可能将其视为垃圾邮件，因为电子邮件中有更多无法阅读的内容。
【问题讨论】：
标签：
html
css
email
html-email
spam-prevention
【解决方案1】：
我建议将徽标与主图分开制作。没有垃圾邮件的影响，性能提升充其量只是微不足道的。
将徽标图像与英雄图像分开的其他专业人士：
- 徽标和英雄可以是针对内容优化的不同图像类型。例如。
.png 代表徽标，.jpg 代表英雄。
- 徽标和英雄可以随着显示尺寸的变化而独立移动和缩放。
- 电子邮件将更易于访问，因为
alt 属性可以更有针对性和具体。
【解决方案2】：
是的，你想多了！ ;)
这两个选项在标记为垃圾邮件方面没有区别。此外，加载时间可能并不重要，因为较大的图像几乎与两个较小的图像一样长。
结合图像的一个好处是您可以节省一些代码，并且您的间距会完全正确。
缺点是，在移动客户端中，Heroimage 会缩小，但如果附加了 Logo，Logo 也会缩小。您可能不想在移动设备中使用这么小的徽标。
还有一件事：请记住，SO 是用于询问有关编码的问题，这可能会被标记为离题