发出的营销邮件在 Gmail 和 Outlook 里顶部是一块白,logo 没加载,那块高度只剩 0,正文直接顶到最上面。乍看像缓存或者权限的锅,追下去往往不是。
<img src="https://example.com/logo.png" width="160" height="40"
alt="品牌名" style="display:block;">
追下去是这么回事:邮件客户端默认屏蔽外部图片用来防追踪。img 没写宽高和 alt 时被屏蔽后不占位,整块布局跟着塌下去。
「邮件图片默认拦截」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。
线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。
具体做法是,img 上写死 width height 和 alt 文字;给图片容器加背景色 屏蔽时不至于全白;关键信息别只放在图片里 用文字再写一遍;在自己的 Gmail 和 Outlook 里各发一封确认。
验收就看一点,屏蔽图片时顶部保留 40px 高度并显示 alt 文字 正文不再顶到最上。
