邮件签名生成器 — 适用于 Gmail 和 Outlook 的 HTML 签名
制作在 Gmail、Outlook 和 Apple Mail 中都能正确显示的专业 HTML 邮件签名，一键复制。
查看 HTML 源代码（3,009 个字符）
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><tr><td valign="top" style="padding:0 16px 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td width="64" height="64" align="center" valign="middle" style="width:64px;height:64px;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-align:center;border-radius:32px;">AM</td></tr></table></td><td width="1" style="width:1px;background:#244b3f;font-size:1px;line-height:1px;"> </td><td valign="top" style="padding:0 0 0 16px;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:16px;line-height:20px;font-weight:bold;color:#111827;">Alex Morgan</div><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#244b3f;padding-top:2px;">市场总监 <span style="color:#d1d5db;">|</span> Northwind Studio</div><div style="padding-top:8px;"><span style="color:#244b3f;font-weight:bold;">P</span> <a href="tel:+14165550142" style="color:#4b5563;text-decoration:none;">+1 (416) 555-0142</a><br><span style="color:#244b3f;font-weight:bold;">E</span> <a href="mailto:alex@northwind.example" style="color:#4b5563;text-decoration:none;">alex@northwind.example</a><br><span style="color:#244b3f;font-weight:bold;">W</span> <a href="https://www.northwind.example" style="color:#4b5563;text-decoration:none;">www.northwind.example</a><br><span style="color:#4b5563;">120 King St W, Toronto, ON</span></div><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="left" style="border-collapse:collapse;margin-top:8px;"><tr><td style="padding:0 4px 0 0;"><a href="https://linkedin.com/in/alexmorgan" title="LinkedIn" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">in</a></td><td style="padding:0 4px 0 0;"><a href="https://x.com/alexmorgan" title="X" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">X</a></td></tr></table><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;margin-top:10px;"><tr><td style="background:#244b3f;padding:6px 12px;border-radius:3px;"><a href="https://northwind.example/book" style="color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;">预约 20 分钟通话</a></td></tr></table></td></tr></table>
如何安装
- 点击上方的“复制签名”。
- 在 Gmail 中打开“设置”（齿轮图标）→“查看所有设置”→“常规”。
- 滚动到“签名”，点击“新建”，为签名命名，然后粘贴（Ctrl/Cmd+V）到输入框中。
- 在“签名默认设置”下，将其设为新邮件和回复的默认签名，然后点击底部的“保存更改”。
- Gmail 签名最多 10,000 个字符，且只显示从公开 https:// URL 加载的图片。
为整个团队生成签名（CSV）
上传带表头行的 CSV：name、title、email、phone、mobile、linkedin、x、github、photo（URL）。每一行都会按上方选择的模板和颜色生成一个独立的签名。公司、网站、地址、logo、按钮和免责声明取自表单，除非 CSV 中有对应的列。最多 500 人。
你的信息只保存在浏览器中：签名在本页面生成，不会上传或存储任何内容。图片从你填写的 URL 加载。 浏览全部免费工具.
发现问题，或者觉得哪里可以更好？每条消息我们都会阅读，并尽快修复。
这款邮件签名生成器根据你的姓名、职位、联系方式、照片或 logo、社交链接和品牌色生成签名，在六款模板中实时预览，并输出能在人们实际使用的邮件客户端中正常显示的 HTML。点击“复制签名”，粘贴到 Gmail 或 Outlook 的签名框中，版式就能保持不变。
邮件客户端不是网页浏览器。Windows 版经典 Outlook 用 Microsoft Word 渲染 HTML，Gmail 会去掉 style 块和 CSS 类，大多数客户端会屏蔽不在公开 https:// 地址上的图片。因此这里输出的代码只使用嵌套表格和内联样式、Web 安全字体以及明确的图片尺寸。它做不到的是替你托管图片：照片或 logo 必须已经在线上，当你尝试使用本地文件时，页面会解释原因。如果要为整个团队制作签名，上传包含员工姓名、职位和电话号码的 CSV，即可为每人下载一个 HTML 签名，全部使用相同的模板和品牌色。
使用方法
- 填写你的信息。留空的字段会完全不出现在签名中。
- 粘贴已托管照片或 logo 的 https:// URL，或两者都留空以使用姓名首字母方块。
- 选择模板和品牌色，按需添加社交链接、按钮或免责声明。
- 点击“复制签名”，然后粘贴到邮件客户端的签名设置中。各客户端的安装步骤在预览下方。
- 给自己发一封测试邮件，在手机和电脑上都检查一下效果。
常见问题
如何给 Gmail 添加 HTML 签名？
在本页点击“复制签名”，然后在 Gmail 中依次打开“设置”“查看所有设置”“常规”，滚动到“签名”，点击“新建”，粘贴到输入框中。在“签名默认设置”中选择它，再点击页面底部的“保存更改”。不要粘贴 HTML 源代码：Gmail 的编辑器只接受渲染后的签名，而复制按钮放到剪贴板上的正是这种签名。
为什么签名中的图片显示不出来？
通常是因为图片不在公开的 https:// URL 上。Gmail 会从签名中删除 base64（data:）图片，Outlook 在收件人允许之前会屏蔽很多外部图片，而位于 http:// 或需要登录才能访问的图片在任何地方都会失败。把图片托管在你的网站或 CDN 上，使用 https:// 链接，并保持文件较小（大约 100 KB 以内）。
为什么我的签名在 Outlook 中看起来不一样？
Windows 版经典 Outlook 使用 Word 渲染邮件，会忽略很多 CSS 属性，包括圆角，所以圆形照片会显示为方形，间距也可能略有偏移。本生成器使用表格，避开了 Word 会丢弃的布局 CSS，因此整体结构能保持不变。新版 Outlook 和网页版 Outlook 的渲染效果更接近浏览器。
邮件签名的照片或 logo 应该多大？
显示宽度约 80–120 px，上传图片的尺寸为显示尺寸的两倍（例如 88 px 的照片用 176×176 px），这样在高分辨率屏幕上也清晰。文件保持在 100 KB 以内。纯色 logo 用 PNG，照片用 JPG。
邮件签名可以有多长？
Gmail 将签名限制在 10,000 个 HTML 字符以内，本生成器的输出远低于这个限制。实际使用中，保持四五行即可：姓名、职位和公司、一两种联系方式，最多一个行动号召。签名太长会在回复中被截断，还会在手机上把正文挤到首屏之外。
邮件签名中真正有效的做法
• 用表格布局，而不是使用 flexbox 或 grid 的 div。Windows 版 Outlook 会忽略现代 CSS 布局。
• 每个元素都使用内联样式。Gmail 会从签名中去掉 <style> 块和类名。
• 使用 Web 安全字体（Arial、Helvetica、Verdana、Georgia）。自定义网页字体在 Outlook 中会回退为 Times New Roman。
• 使用带 width 和 height 属性的托管图片。没有明确尺寸时，Outlook 可能会按原始尺寸显示 logo。
• 电话号码、邮箱和链接用文字，不要做成图片。这样它们仍可点击，关闭图片时也能阅读，屏幕阅读器也能识别。
社交图标是常见的陷阱：每个图标都是一张需要托管的图片，而且在很多收件箱中默认被屏蔽。这里的模板改用小巧的彩色文字标签，在任何地方都能正常显示。
如何选择模板
经典和现代适合大多数商务场景：照片或 logo 放在个人信息旁边。紧凑专为经常回复邮件、不想在每封邮件下方放一大块签名的人设计。居中适合创意类职位，签名本身就是品牌的一部分。横幅让品牌色更突出。纯文本完全没有图片和色块，是纯文本客户端、邮件列表和客服系统最稳妥的选择。
无论选哪款，团队内都应使用同一模板。统一的签名显得用心；风格混杂则显得品牌无人管理。
法律免责声明与跟踪链接
一些司法管辖区要求在商务邮件中注明公司信息。在英国，有限公司必须显示注册名称、注册编号和注册办公地址；在德国，Impressum（版本说明）规则涵盖类似信息。保密免责声明本身法律效力有限，如果要用，请尽量简短。
如果添加了行动号召按钮或指向落地页的链接，请为它加上 UTM 参数（可用我们的 UTM 链接生成器生成），这样点击就会在分析工具中显示为“email signature”，而不是直接流量。