✉️ 在线邮件签名生成器

广告位 - 顶部 (728×90)

📝 签名信息

👁️ 实时预览

📦 HTML代码

广告位 - 中部 (728×90)

邮件签名生成器使用指南

什么是邮件签名?

邮件签名是附在邮件正文末尾的文字块,通常包含发件人的姓名、职位、公司、联系方式和社交链接等信息。一个专业的邮件签名能提升品牌形象、传递信任感,并方便收件人快速获取联系方式。本工具帮助你快速生成美观、兼容性强的HTML邮件签名。

四套精美模板

简约模板:清爽布局,姓名加粗高亮,信息分行排列,适合大多数场景

商务模板:左侧主题色竖条,结构严谨,公司名突出,适合企业正式邮件

创意模板:顶部主题色横条,社交链接以彩色按钮呈现,适合设计/创意行业

极简模板:纯文字,用分隔符连接关键信息,极致简洁,适合个人邮件

颜色自定义

通过主题色选择器可自由调整签名的强调色,也可直接输入十六进制色值(如 #2563eb)。下方还提供常用配色预设,点击即可一键应用。建议主题色与公司品牌色保持一致。

使用教程

第一步 - 填写信息:在左侧表单中依次填写姓名(必填)、职位、公司、电话、邮箱、网站等基本信息。所有字段实时同步到右侧预览区,输入即可看到效果。头像和社交链接为可选字段。

第二步 - 选择模板:在「模板与样式」区域点击简约、商务、创意或极简模板,预览区会立即切换样式风格。不同模板对信息的排列方式和视觉效果各不相同,可根据个人喜好和企业风格选择。

第三步 - 自定义颜色:点击主题色色块选择颜色,或直接在文本框输入十六进制色值。还可点击预设色块快速应用常用品牌色。字体大小可在下拉菜单中调整。

第四步 - 复制使用:点击「复制HTML代码」获取内联样式HTML源码,粘贴到邮件客户端签名设置中;或点击「复制富文本」直接粘贴渲染后的签名内容;也可「导出HTML文件」保存到本地备用。

各邮件客户端设置方法

Gmail:设置 → 查看所有设置 → 签名 → 「创建新签名」→ 粘贴HTML代码或富文本 → 保存更改。撰写邮件时在工具栏选择对应签名即可。

Outlook 网页版:设置(齿轮)→ 邮件 → 撰写和回复 → 电子邮件签名 → 开启签名 → 粘贴内容 → 保存。新建邮件时自动附加。

Outlook 桌面版:新建邮件 → 签名 → 签名... → 新建 → 粘贴内容 → 保存。可在「选择默认签名」中设为新建邮件默认签名。

Apple Mail:邮件 → 偏好设置 → 签名 → 选取邮箱 → 创建签名 → 直接粘贴富文本内容。注意Apple Mail不支持直接粘贴HTML源码,请使用「复制富文本」按钮。

Foxmail:写邮件 → 签名 → 新建签名 → 粘贴内容 → 保存。可在账户设置中将签名设为默认。

邮件签名设计技巧

信息精简:签名不宜过长,建议控制在5-7行以内。只保留最核心的联系方式,避免信息过载。电话和邮箱是必备项,社交链接按需添加。

颜色克制:主题色建议使用1-2种,与公司Logo或品牌色保持一致。避免使用过多鲜艳颜色,深色文字配浅色背景是安全选择。

社交链接适度:社交链接建议只放2-3个最常用的平台,过多链接会让签名显得杂乱。LinkedIn对商务人士尤其重要。

测试兼容性:生成签名后建议给自己发一封测试邮件,在不同设备和邮件客户端中检查显示效果。特别留意Outlook的显示,因其对CSS支持有限。

邮件签名生成器会上传我的数据吗?

不会。本工具是纯前端零依赖应用,所有签名生成都在你的浏览器本地完成,姓名、邮箱、电话等信息绝不上传服务器,可放心使用。

生成的HTML签名能在哪些邮件客户端使用?

生成的签名使用内联CSS样式(inline style),兼容Gmail、Outlook、Apple Mail、Foxmail、网易邮箱大师等主流邮件客户端。复制HTML代码后粘贴到邮件客户端的签名设置中即可使用。

如何将签名添加到Gmail?

在Gmail中点击设置→查看所有设置→签名部分,点击「创建新签名」,然后将本工具生成的HTML代码粘贴到编辑框中(Gmail会自动渲染HTML格式)。保存后即可在撰写邮件时选择使用。

如何将签名添加到Outlook?

在Outlook中点击文件→选项→邮件→签名,新建签名后将本工具生成的HTML代码粘贴到编辑区域。Outlook桌面版也支持直接在签名编辑器中粘贴富文本内容。

签名支持社交链接吗?

支持。你可以填写LinkedIn、Twitter/X、GitHub、Facebook、Instagram等社交链接,生成的签名中会显示对应的社交链接按钮,点击可跳转到对应主页。

为什么邮件签名要用内联样式?

因为大多数邮件客户端(尤其是Gmail和Outlook)会移除邮件中的<style>标签和外部CSS引用,只保留内联style属性。因此邮件签名必须使用内联CSS样式才能保证在各邮件客户端中正确显示。本工具生成的签名全部采用内联样式,确保最大兼容性。

广告位 - 底部 (728×90)
`; const blob = new Blob([full], {type:'text/html'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'email-signature.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(a.href); showToast('HTML文件已导出'); } // ==================== 事件绑定 ==================== document.querySelectorAll('input[type="text"], input[type="email"], select').forEach(el => { if (el.id && el.id.startsWith('f_')) { el.addEventListener('input', render); el.addEventListener('change', render); } }); // 初始化 renderColorPresets(); updatePresetActive(val('f_color')); render();