邮箱签名横幅与头图设计指南(尺寸·CTA·不被裁剪)

讲解邮箱签名横幅的最佳尺寸、CTA 按钮做法、如何避免被邮件客户端裁剪,以及配色与品牌一致性要点。

横幅在签名里有什么用

一条精心设计的横幅(头图)能把签名从联系方式升级成微型广告位:推广活动、新品、招聘或品牌口号都能一眼看到。

但要注意:横幅是锦上添花,不是必需。文字签名永远优先保证可读,横幅仅作补充。

推荐尺寸与比例

最稳妥的比例是 6:1 左右(例如 600×100 或 600×120 像素)。过宽会在窄屏被压缩,过高会挤占阅读空间。

文件用 JPG 或 PNG,控制在 60–100 KB 以内;透明 PNG 做悬浮感,JPG 做照片类横幅更省体积。

如何加 CTA 按钮

邮件里真正的可点击按钮需要后端或图片实现。最可靠的做法是图片按钮加整图链接:把按钮画进横幅图,再让整张图可点击跳转到落地页。

避免使用 HTML button 或 CSS 圆角,多数客户端会剥掉样式。图片按钮在所有客户端一致显示。

避免被邮件客户端裁剪

Outlook 桌面版对图片宽度敏感,超过约 600px 可能被缩放;Gmail 会默认不显示图片,需收件人点显示图片。把关键信息也放在文字里,别只依赖横幅。

横幅图片建议用外链(上传到图床或本站资源),不要超大内嵌,否则签名体积超标、被判定为附件。

配色与品牌一致性

横幅配色取自品牌主色,与签名文字、Logo 保持一致;留白充足、文字对比清晰,避免花哨渐变干扰阅读。

常见错误

横幅过大挤压签名、用不可点击的伪按钮、把免责声明做成图片(屏幕阅读器读不到)、体积超限。逐一规避即可。

常见问题(FAQ)

横幅的最佳尺寸是多少?
推荐 600×100 到 600×120 像素、6:1 左右比例,文件 60–100 KB,兼容大多数邮件客户端。
能在横幅上加可点击按钮吗?
可以,把按钮画进横幅图片并让整张图链接到落地页;避免用 HTML 按钮,多数客户端会剥样式。
Gmail 不显示横幅怎么办?
Gmail 默认隐藏图片,收件人需点显示图片。把核心信息也放在文字签名里,横幅仅作补充。

GO GO2