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
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.
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.
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.
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.
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
- Fill in your name, job title, company, and any contact details (email, phone, mobile, website, address) you want shown. Empty fields are skipped automatically.
- Optional: paste social profile URLs for LinkedIn, Twitter / X, GitHub, Instagram, or Facebook. Only filled rows appear in the rendered signature.
- Pick one of five templates (Modern, Compact, Minimal, Stacked, Left rule), then tune the font family, body font size, and accent and text colors.
- 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.
- 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
Mailto Link Generator
Compose a mailto link with cc, bcc, subject, body, and copy-ready HTML and Markdown snippets.
Open tool
GeneratorvCard Generator
Create a downloadable .vcf contact card from a simple form.
Open tool
GeneratorQR Code Generator
QR codes for URLs, text, email, phone, SMS, WiFi, and vCard with PNG and SVG download.
Open tool
SecurityDMARC Record Generator
Build a DMARC TXT record from policy, alignment, percentage, and reporting fields, or paste an existing record to validate and explain it.
Open tool
DeveloperHTML Formatter
Pretty-print and minify HTML with indent, wrap, and quote controls.
Open tool