Zero Signup ToolsFree browser tools

Generator Tools

Email Signature Generator

Build a free HTML email signature in your browser. Five templates, custom colors and fonts, photo support, and one-click copy for Gmail and Outlook.

Your details

Fill the fields you want shown. Empty fields are skipped automatically.

Social links (optional)

Style and template

Pick a layout, font, color, and (optionally) a profile photo.

Profile photo (optional)

Files stay on your device. The image is embedded as a base64 data URI in the signature.

A hosted URL keeps the signature small and works in every mail client. Some clients block data URIs in images.

Live preview

Rendered exactly as a mail client would draw the signature on a white background.

Template

Modern

Signature size

2.1 KB (2108 bytes)

Active social links

1of 5

HTML source

<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td valign="top" style="padding:0"><div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-size:18px;font-weight:700;line-height:1.2;color:#0f172a;margin:0">Alex Morgan</div><div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:#0f172a;margin:2px 0 0 0">Senior Product Designer</div><div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#1d4ed8;margin:2px 0 0 0">Acme Studio</div><div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;color:#0f172a;margin:8px 0 0 0"><a href="mailto:alex@example.com" style="color:#1d4ed8;text-decoration:none">alex@example.com</a><span style="color:#94a3b8;padding:0 6px" aria-hidden="true">|</span><a href="tel:+14155550142" style="color:#1d4ed8;text-decoration:none">+1 (415) 555-0142</a><span style="color:#94a3b8;padding:0 6px" aria-hidden="true">|</span><a href="https://example.com" style="color:#1d4ed8;text-decoration:none">example.com</a><span style="color:#94a3b8;padding:0 6px" aria-hidden="true">|</span><span style="color:#0f172a">1 Market Street, San Francisco, CA</span></div><hr style="border:0;border-top:1px solid #1d4ed833;height:1px;margin:10px 0;width:100%" /><div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;margin:0"><a href="https://www.linkedin.com/in/alex-morgan" style="color:#1d4ed8;text-decoration:none;font-weight:600">LinkedIn</a></div><div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-size:12px;font-style:italic;line-height:1.5;color:#475569;margin:8px 0 0 0">Make it useful before you make it pretty.</div></td></tr></table>

Self-contained, table-based HTML with inline styles. Works in Gmail, Outlook (Windows / Mac / Web / mobile), Apple Mail, Yahoo Mail, and Thunderbird.

Where to paste it

  1. Gmail (web)

    Click the gear icon, choose See all settings, scroll to Signature, click Create new, paste with Cmd/Ctrl+V into the signature editor, and save.

  2. Outlook (desktop, Windows)

    File > Options > Mail > Signatures, click New, paste into the editor with Cmd/Ctrl+V, set defaults for new and reply messages, and save.

  3. Outlook for Mac / Outlook on the web

    Settings > Mail > Compose and reply. Paste under the Email signature editor and save. On the web, set the signature for new messages and replies separately.

  4. Apple Mail (macOS)

    Mail > Settings > Signatures, pick the account, click +, then paste with Cmd+V. Uncheck "Always match my default message font" so the signature keeps its formatting.

  5. Yahoo Mail / Thunderbird / Other

    Open the signature settings, paste with Cmd/Ctrl+V into the rich-text editor, and save. If the editor strips formatting, paste the plain-text version instead.

How to use

  1. Fill in your name, job title, company, and any contact details (email, phone, mobile, website, address) you want shown. Empty fields are skipped automatically.
  2. Optional: paste social profile URLs for LinkedIn, Twitter / X, GitHub, Instagram, or Facebook. Only filled rows appear in the rendered signature.
  3. Pick one of five templates (Modern, Compact, Minimal, Stacked, Left rule), then tune the font family, body font size, and accent and text colors.
  4. Optional: upload a profile photo (under 700 KB) to embed it as a base64 data URI, or paste a hosted image URL. The byte-size meter warns when you cross Gmail's ~10 KB clipping threshold.
  5. Click Copy signature for Gmail / Outlook to copy both rich HTML and plain text to your clipboard, then paste with Cmd/Ctrl+V into the signature editor of Gmail, Outlook, Apple Mail, Yahoo Mail, or Thunderbird. Use Copy HTML markup if you need to paste the source into a CMS or HR system.

About this tool

Email Signature Generator builds a portable, table-based HTML email signature entirely in your browser. Five templates cover the layouts most professionals actually use: Modern (photo on the left, contact details on the right), Compact (photo plus a single info row), Minimal (no photo, text only), Stacked (photo on top, info below), and Left rule (a colored vertical accent bar to the left of the info block). Every field is optional. Hide what you do not need (department, mobile, second phone, address, tagline, social links) and the signature shrinks to fit, keeping the rendered output compact instead of leaving empty rows. Style controls cover what mail clients actually respect: a font family from a curated list of email-safe stacks (system, Arial, Helvetica, Georgia, Times New Roman, Verdana, Trebuchet MS), a body font size (12 to 18 px), an accent color picker for the company line and links, and a separate text color for the rest. Optional toggles add a divider between the contact and social rows, and split the company onto its own line in the accent color so the brand stands out. Profile photos are read locally with FileReader and embedded as a base64 data URI inside the HTML so the signature is fully self-contained, with no remote image dependency. A second field accepts a hosted photo URL for users whose mail client (notably Gmail web on send) rewrites data URIs. The tool warns when the signature byte size crosses Gmail's ~10 KB clipping threshold so you know to swap the embedded photo for a hosted URL instead. The output is a self-contained HTML fragment with nested tables, inline styles, and zero external CSS, which is the only reliable way to render the same in Outlook on Windows (still the strictest target) as in Gmail, Outlook for Mac, Outlook on the Web, Apple Mail, Yahoo Mail, and Thunderbird. Output also includes a plain-text version for clients that strip HTML, and a one-click rich copy that places both text/html and text/plain on the clipboard so pasting directly into Gmail or Outlook drops in the formatted block. A live preview rendered in a sandboxed iframe shows the signature exactly as a mail client would draw it on a white background, and a step-by-step guide covers where to paste the result in Gmail, Outlook desktop, Outlook for Mac, Outlook on the web, Apple Mail, and other clients. Useful for new hires setting up a corporate signature, freelancers and contractors building a personal brand, students applying to internships and graduate programs, agencies standardizing signatures across teams, and anyone who needs a professional-looking signature without paying for SaaS or installing a browser plugin. Everything is computed locally in your browser. Names, addresses, photos, and social links never leave your device.

Free to use. Works in your browser. No signup, no login.

Related tools

You may also like

All tools
All toolsGenerator Tools