Email Signature Generator — HTML for Gmail, Apple Mail, Outlook & iPhone
Fill in your details and get a clean, table-based HTML signature you can paste straight into Gmail, Apple Mail, Outlook, or the Mail app on an iPhone. Photo or logo by URL, a theme colour, optional links to LinkedIn, X, Instagram, and GitHub, and two copy buttons: formatted text for the settings box, or raw HTML where a client asks for source.
The output is old-fashioned on purpose. Email clients are not browsers — Outlook on Windows still renders mail with Microsoft Word’s engine — so a signature built with modern layout rules collapses in exactly the places that matter. A table with inline styles looks archaic and survives everywhere, which is why every signature that actually works is built this way.
The Apple Mail and iPhone problem
On macOS, Apple Mail accepts a pasted signature, but it overrides the fonts unless you untick “Always match my default message font” in Mail → Settings → Signatures. On iPhone and iPad the situation is worse: iOS has no HTML signature editor at all. The route that works is to email the signature to yourself from a computer, open it on the phone, copy it from the message body, and paste it into Settings → Apps → Mail → Signature — and if iOS strips the formatting on paste, shake the device and choose Undo, which restores it. The steps for each client are on the page next to the preview.
Why the social links are text, not icons
Icon images have to be hosted somewhere public, and Outlook blocks remote images until the reader clicks to allow them — so an icon-only signature arrives as a row of empty boxes. Text links always render, never break, and cannot be used to track whether your message was opened. If you do want icons, host them yourself on a stable URL rather than on a free image host that expires.
What a signature should and should not carry
Name, role, company, one phone number, and one link is enough; every extra line reduces the chance any of it is read, and long legal disclaimers have no established legal effect in most jurisdictions. Keep any image under about 100 KB so it does not bloat every thread, use a photo that is square, and avoid the tracking pixels that some signature services insert — nothing here is added to your signature except what you type.
Related tools: generate a QR code for a contact card, check your brand colours against contrast requirements with the contrast checker, and build tracked campaign links with the UTM builder.
How to use Email Signature Generator
- Fill in name, job title, company, and the contact details you want to show. Anything you leave empty is simply left out of the signature.
- Paste a URL for your photo or company logo. It must be a public, permanent link — an image on your own site or CDN, not a file on your computer.
- Add the social profiles you want and pick a theme colour; the preview updates as you type.
- Press “Select & Copy” for the formatted version. “Copy HTML” is only for clients that ask you to paste source code.
- Open the instructions for your mail client under the preview — Gmail, Apple Mail, iPhone, and Outlook each need a different route.
- Send yourself one test message and check it on a phone before you start using it.
Features
- Table-based HTML with inline styles — the only structure that renders correctly in Outlook, Gmail, and Apple Mail alike.
- Photo or logo by URL — shown as a round avatar beside the details, with the rest of the block aligned against it.
- Text social links — LinkedIn, X, Instagram, and GitHub, rendered as links that survive image blocking.
- Theme colour — one accent colour applied to the name, the icons, and the links.
- Two copy modes — formatted rich text for the settings box, or raw HTML source when a client requires it.
- Per-client instructions — step-by-step routes for Gmail, Apple Mail on macOS, Mail on iPhone and iPad, and every current version of Outlook.
- No tracking pixels and no account — what you type stays in the browser, and nothing is injected into your signature.
Frequently Asked Questions
How do I add an HTML signature in Apple Mail?
Open Mail → Settings → Signatures, choose the account on the left, press + to create one, untick “Always match my default message font”, then paste the signature with Select & Copy. If it arrives as plain text, set the composer to Rich Text before pasting.
How do I add an HTML signature on an iPhone?
iOS has no HTML signature editor, so send the signature to yourself by email from a computer, open the message on the phone, select and copy the signature, then paste it into Settings → Apps → Mail → Signature. If iOS strips the formatting as you paste, shake the phone and tap Undo — that restores the styled version.
How do I add the signature to Gmail?
Gear icon → See all settings → General → Signature → Create new, paste with Select & Copy, then scroll down and press Save changes. Gmail removes some CSS, including background colours, so send yourself a test message afterwards.
Why does my signature look broken in Outlook?
Outlook on Windows renders email with Microsoft Word’s engine, which ignores much of modern CSS and blocks remote images until the reader allows them. A table-based signature with inline styles and text links — which is what this tool produces — is what survives it. Avoid background images, flexbox, and web fonts entirely.
Can I use an image from my computer?
Not directly. A signature travels with your mail, so any image in it must live at a public URL that stays online — your website, a company CDN, or cloud storage with a permanent public link. Keep it under roughly 100 KB and square, since it is attached to every message you send.
Is a legal disclaimer worth adding?
Usually not. Confidentiality footers have no clearly established legal effect in most jurisdictions, they make every reply longer, and they are frequently ignored. If your employer requires one, keep it short and put it below the signature block.
Does this tool track opens or store my details?
No. Everything is built in your browser, nothing is uploaded, and the signature contains only what you typed — no tracking pixels, no redirect links, and no branding added to the bottom.