Email Signature Generator

Overview

The email signature generator takes your name, job title, company, contact details, and social links and produces ready-to-paste HTML for Gmail, Outlook, Apple Mail, Yahoo Mail, and any client that accepts HTML signatures. The avatar is embedded as base64 directly in the HTML, so it will not disappear if an external image host goes offline or if the recipient's client blocks remote images.

Choosing a Template

Six templates are available, each aimed at a different communication style:

Classic / Elegant

  • Balanced layout for general business correspondence
  • Elegant is more refined — suits consultants and senior roles

Modern / Gradient

  • Strong typographic hierarchy, more contemporary feel
  • Gradient emphasizes brand color for higher visual identity

Minimal

  • Fewest elements — good for understated professional communication

Sidebar

  • Left-right split layout — cleaner when you include many fields

What the Generated HTML Looks Like

The Classic template produces an output like this:

<table cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="data:image/..." width="60" /></td>
    <td>
      <strong>Jane Smith</strong><br>
      Software Engineer · Acme Corp<br>
      <a href="mailto:[email protected]">[email protected]</a> · +1 555 000 1234
    </td>
  </tr>
</table>

Because the avatar is a base64 data URI rather than an external URL, it survives copy-paste into any client without needing a hosted image.

Sending a Test Email

After generating, you can send a test email to verify how the signature actually renders in an inbox — including font rendering, spacing, and whether the avatar shows. This catches differences between the editor preview and what Gmail or Outlook actually produce.

Pasting into Your Mail Client

Gmail accepts rich-text paste and typically preserves the signature layout. Outlook users often get better results pasting into the HTML source tab of the signature editor rather than the visual editor, which can strip styles. Apple Mail's paste behavior depends on whether you use Edit → Paste or Edit → Paste and Match Style — the former keeps the HTML formatting.