邮箱签名生成器
填写姓名、职位、公司、电话、邮箱、Logo 图片和社交/网站链接,实时生成兼容 Outlook、Gmail、网易邮箱等邮件客户端的 HTML 签名代码,支持预览和一键复制。
免费在线工具
Loading…
使用说明
1. 在左侧「基本信息」中依次填写姓名、职位、公司、电话、邮箱,右侧预览会随输入实时更新。
2. 「Logo」为可选项,点击选择本地图片文件即可通过浏览器 FileReader 读取并显示在签名左侧,点击「移除」可清除已选 Logo。
3. 在「社交 / 网站链接」区域可以添加多条链接,每条包含名称和地址,支持通过「+ 添加链接」增加新的一行,也可以删除已有的行;填写的地址如果没有 http(s)/mailto/tel 前缀会自动补全为 https 链接。
4. 右侧「预览」区域实时显示签名的最终视觉效果,「HTML 代码」文本框显示对应的 HTML 源码。
5. 点击「复制 HTML 代码」把代码复制到剪贴板,粘贴到 Outlook、Gmail、网易邮箱等邮件客户端的签名设置框中即可使用。
6. 点击「加载示例数据」可以快速填入一份示例签名(含姓名、职位、公司、Logo 和两条社交链接)预览效果。
功能介绍
本工具用于生成可直接粘贴到主流邮件客户端签名设置框的 HTML 邮箱签名,核心特点:
- 邮件客户端兼容布局:签名代码统一使用
<table>布局和行内 style 属性生成,不使用 flex、grid 等现代 CSS 布局方式,避免在 Outlook、部分网页邮箱等对 CSS 支持有限的客户端中样式错乱或失效。 - 字段齐全:支持姓名、职位、公司、电话、邮箱(自动生成
mailto:链接)、可选 Logo 图片,以及不限数量的社交/网站链接。 - 本地 Logo 上传:Logo 图片通过浏览器 FileReader 读取为 Data URL 直接内嵌到签名 HTML 中,无需额外的图床或图片外链。
- 实时预览 + 一键复制:填写内容的同时右侧同步渲染签名视觉效果和对应源码,点击按钮即可复制完整 HTML 代码。
- XSS 安全处理:所有用户输入在拼接进 HTML 前都会做转义处理,避免因为特殊字符导致生成的签名代码结构被破坏。
使用场景
新员工入职配置邮箱签名
新入职员工按公司统一格式填写姓名、职位、联系方式,快速生成规范的签名代码并配置到 Outlook 中。
更换职位/公司信息后更新签名
职位变动、公司改名或联系电话变更后,重新填写表单生成新的签名代码,替换掉邮箱客户端里的旧签名。
统一团队签名视觉风格
团队成员分别填入各自信息但沿用同一套签名模板结构和字体样式,保持对外邮件的品牌形象统一。
添加社交主页/官网链接到签名
在签名中附加领英主页、公司官网等多条链接,方便邮件接收方进一步了解发件人和公司信息。
常见问题
生成的签名会不会在 Outlook 里样式错乱?
不会。签名代码统一使用 table 布局和行内 style 属性生成,刻意避免使用 flex、grid 等 Outlook 等客户端支持不佳的现代 CSS 特性,兼容性更好。
Logo 图片会上传到服务器吗?
不会。Logo 通过浏览器本地 FileReader 读取为 Data URL 后直接嵌入签名 HTML 中,不经过任何服务器上传。
填写链接时一定要写 https:// 前缀吗?
不需要。如果填写的链接没有 http(s)/mailto/tel 前缀,工具会自动补全为 https:// 开头的地址;如果本身就是 mailto: 或 tel: 链接会保留原样。
社交/网站链接可以添加多少条?
没有数量限制,点击「+ 添加链接」可以持续新增,也可以随时点击每行的「删除」按钮移除不需要的链接。
复制的 HTML 代码要怎么用?
点击「复制 HTML 代码」后,把内容粘贴到 Outlook、Gmail、网易邮箱等邮件客户端的「签名」设置输入框中保存即可,后续发送的邮件会自动附带该签名。