Email Signature Generator — Free, Copy-Paste Ready
Build a clean HTML email signature with photo, role, and contact links. Two layouts, live preview, copy as rich HTML or plain text. Works in Gmail, Outlook, and Apple Mail.
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;"><tr><td style="vertical-align:top;padding:0 16px 0 0;"><img src="https://avatars.githubusercontent.com/u/9919?s=120&v=4" alt="Aanya Sharma" width="72" height="72" style="display:block;border-radius:50%;object-fit:cover;border:0;" /></td><td style="vertical-align:top;font-family:Arial,Helvetica,sans-serif;color:#0A0A0B;">
<div style="font-size:16px;font-weight:700;line-height:1.2;">Aanya Sharma</div>
<div style="font-size:13px;color:#525866;line-height:1.4;margin-top:2px;">Head of Growth · WRRK</div>
<div style="height:8px;line-height:8px;font-size:0;"> </div>
<div style="border-top:2px solid #F28C28;width:36px;"></div>
<div style="height:8px;line-height:8px;font-size:0;"> </div>
<div style="font-size:13px;line-height:1.6;"><a href="tel:+919876543210" style="color:#0A0A0B;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;">+91 98765 43210</a> | <a href="mailto:aanya@wrrk.ai" style="color:#0A0A0B;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;">aanya@wrrk.ai</a> | <a href="https://wrrk.ai" style="color:#0A0A0B;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;">wrrk.ai</a> | <a href="https://linkedin.com/in/aanyasharma" style="color:#0A0A0B;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;">LinkedIn</a></div>
</td></tr></table>Aanya Sharma
Head of Growth · WRRK
---
+91 98765 43210
aanya@wrrk.ai
wrrk.ai
https://linkedin.com/in/aanyasharmaAbout this tool
Email is the original async channel for business — and your signature is one of the few pieces of branded surface area you control on every message. A clean signature signals competence and gives the recipient a one-tap path to call, reply, or visit your site. A messy signature (broken images, mismatched fonts, dark-mode glitches) does the opposite. This generator is designed to produce signatures that hold up across every client, every device, and every theme.
The HTML uses the same pattern that survives in production: a single nested <table> with inline styles, system-safe fonts (Arial / Helvetica), and absolutely no external stylesheet, <style> block, or web font. Outlook on Windows renders email through the Word engine, which strips most modern CSS; Gmail clips messages over 102KB; Apple Mail respects more but inconsistently. The format here is the lowest common denominator that looks good everywhere.
The output includes both an HTML version (for the signature field itself) and a plain-text version (some clients use the plain version for accessibility readers and dark-mode fallbacks). Photos are circular at 72px — large enough to show your face, small enough not to weigh down threads. The accent stripe under your name uses WRRK's amber and is purely CSS, so it never breaks even when remote images are blocked. Everything renders client-side — your details never leave the browser.
How to make an email signature (5 steps)
- Fill the fields. Name, title, company, phone, email, website, LinkedIn, photo URL. The live preview updates as you type.
- Pick a layout. Photo on the left (most common, reads as 'who is this') or photo on the right (cleaner for long titles).
- Use a public photo URL. Email clients cannot inline a local file. Host your headshot on a CDN, your website, or a service like imgur and paste the URL.
- Copy the signature. 'Copy signature' copies as rich HTML — paste it directly into the signature box of your email client.
- Test before saving. Send yourself a test email from the client you'll actually use. Check on both desktop and mobile to confirm formatting holds.
Where this signature works
| Client | How to install |
|---|---|
| Gmail (web) | Settings → General → Signature → paste |
| Outlook (web) | Settings → Mail → Compose and reply → Email signature |
| Outlook (desktop) | File → Options → Mail → Signatures |
| Apple Mail | Mail → Settings → Signatures → paste, untick "match default font" |
| Superhuman / Hey | Settings → Signature → paste rich HTML |
Use cases
- Founder & exec signatures with a clean headshot
- Sales reps with phone-first contact priority
- Customer success signatures with calendar / website link
- Lawyers, doctors, consultants — credentials block
- Recruiters with LinkedIn-first link layout
- Freelancers branding inbound replies
- Internal-only signatures (just role + ext.)
Frequently asked questions
+−How do I add this signature to Gmail?
Click 'Copy signature' here, then in Gmail go to Settings → See all settings → General → Signature → Create new. Paste with Cmd/Ctrl+V into the signature box. Save changes at the bottom of the page. Compose a test email to confirm formatting holds.
+−How do I add this signature to Outlook?
In Outlook (web or desktop), go to Settings → Mail → Compose and reply → Email signature. Paste the signature with Cmd/Ctrl+V. Set it as default for new messages and replies if you want. Save.
+−How do I add this signature to Apple Mail?
Mail → Settings → Signatures. Pick the account, click + to add a new signature. Paste with Cmd+V. If the photo or styling drops, untick 'Always match my default message font'. Drag the signature onto an account in the left column.
+−Why is the photo not showing in my signature?
Email clients can only embed images by URL — they cannot use a local file. Upload your photo to a publicly accessible URL (e.g. your company CDN, S3, or a service like imgur), then paste that URL into the photo field. The URL must serve the image directly (no auth wall).
+−Is the HTML mobile-friendly?
Yes. The signature is built with a single nested table — the most reliable email-HTML pattern across Gmail, Outlook (Windows + Mac), Apple Mail, iOS Mail, Android Gmail, and Outlook mobile. It uses inline styles only, since most clients strip <style> blocks and external CSS.
+−Can I include social icons?
This generator keeps a clean, one-line link layout (LinkedIn included as a text link). Inline social-icon images are notoriously fragile in email — Outlook resizes them, dark-mode flips colors, and corporate firewalls strip remote images. Text links are the most reliable approach.
+−Will the signature look the same in dark mode?
Mostly yes. Background is left transparent so it inherits the client's background, and the accent line uses the WRRK amber which reads on both. Photos are circular and don't depend on background. Test in your client of choice for full confidence.