生成的签名使用表格布局加内联样式——这是唯一能在 Outlook、Foxmail、QQ 邮箱、Gmail 里都不跑版的写法。复制后粘贴到邮箱的签名设置里即可,不要贴进正文编辑器(那里通常会把样式清掉)。
效果预览
HTML 代码
工具说明
邮件签名要在不同的邮件客户端里长得一样,靠的不是 CSS 类名和 flex 布局,而是最古老的两样东西:table 表格与内联样式。网页邮箱普遍会剥离 style 标签与外部样式表,Outlook 用的又是 Word 的渲染引擎,只有表格加行内样式能活下来。
三种版式怎么选
- 左右式:信息横向铺开,占高小,适合联系方式较全的商务场景。
- 上下式:公司名在上、联系方式在下,层级清晰,适合公司名较长的场景。
- 极简:只有姓名与一行联系方式,适合内部邮件与高频沟通。
怎么装进邮箱
- 点复制 HTML,把代码存下来。
- 打开邮箱的设置 → 签名,新建签名。
- 如果编辑器支持切换源码模式,直接粘贴代码;不支持的话,先粘贴到支持源码的地方再整体复制过去。
- 发一封测试邮件给自己,手机上再打开确认一次换行是否正常。
三条实用建议
- 手机号分段:138 0000 0000 比连写更容易读,但复制时可能带上空格,介意的话就写连写。
- 不要放二维码大图:很多客户端默认不加载远程图片,签名里的二维码经常显示成裂图,反而降低专业感。
- 控制宽度在 600 像素以内:超过后在手机端会横向溢出,需要左右拖动才能看全。
你可能还想问
为什么复制到 Outlook 里样式乱了?
多半是粘贴时被自动转换成了纯文本,或者贴进了正文而不是签名设置。正确做法是把代码贴进签名的编辑框,若编辑器有源码或 HTML 模式优先用它。另外 Outlook 对 flex 与 float 支持很差,这也是本工具坚持用表格布局的原因。
签名里的文字颜色能改吗?
可以,主色选择会改变姓名与分隔线的颜色。但建议只改主色,不要给每行文字单独上色——彩色文字过多在邮件里显得杂乱,而且深色模式下可能看不清。比较好的做法是正文用深灰或黑色,只用主色点缀姓名与公司名。
可以放公司 logo 吗?
可以放,但要注意两点:一是 logo 必须用可公开访问的图片地址,本地图片在别人的客户端里显示不出来;二是多数客户端默认屏蔽远程图片,需要收件人手动放行,所以不要指望 logo 一定显示。折中方案是用公司名加主色文字代替 logo,反而更稳定。
手机上签名会换行错乱吗?
宽度控制住就不会。本工具生成的代码把宽度限制在 600 像素以内,手机端会比较紧凑地换行。如果某些字段特别长(比如完整地址),建议在手机上测试后再发给客户。地址较长的场景优先用上下式版式,它比左右式更耐窄屏。
速查在线工具箱