Email Signature Generator
Build a professional HTML email signature with live preview and one-click copy.
Identity
Contact
Style
Preview
Why does email signature HTML matter?
Email clients like Outlook, Apple Mail, and Gmail all render HTML slightly differently. Table-based layouts with inline styles are the most reliable approach — they work across all email clients without requiring CSS classes or external stylesheets. This generator produces clean, inline-styled HTML you can paste directly into your email client's signature settings. All processing happens in your browser — nothing is sent to a server.
Built and maintained by Meet Shah · Last updated
What this tool is used for
- Producing a consistent signature block for a team from one template.
- Building a signature with contact details and social links laid out reliably.
- Replacing an image-based signature with HTML that survives image blocking.
- Producing markup to paste into a mail client's signature field.
- Getting a signature that degrades gracefully in a plain-text reply.
Frequently Asked Questions
- Why are all the styles inline?
- Because Gmail strips `<style>` blocks and `<link>` tags from message bodies entirely, and Outlook's rendering engine ignores most of what survives. An inline `style` attribute on each element is the only styling every major client honours.
- Why tables rather than flexbox?
- Outlook on Windows renders HTML through Microsoft Word, which has no support for flexbox, grid, or float-based layouts. Nested tables with fixed widths are the only layout primitive that behaves the same in Word, Gmail and Apple Mail.
- Why does my logo disappear for some recipients?
- Images must be hosted at an absolute `https://` URL, and most clients block remote images until the reader clicks "show images". Always set a meaningful `alt` so the signature still reads correctly with images off, and never rely on an image for your name or title.
- How do I install it?
- Copy the *rendered* signature, not the HTML source — Gmail's signature box and Outlook's editor both paste rich text. If you paste the markup and see angle brackets, you copied the code panel instead of the preview.
- How large should a signature be?
- Keep it under a few kilobytes. Gmail clips a message once the whole thread exceeds about 102 KB, hiding everything after it behind "View entire message" — a heavy signature repeated down a long thread is a common cause.
- Does dark mode affect a signature?
- Often badly. Some clients invert colours automatically, which can turn a dark logo invisible against a now-dark background. A transparent PNG with a light stroke, or an image that reads on both, avoids the worst of it.
Common errors and gotchas
- Relying on modern CSS, since many mail clients only support tables and inline styles.
- Using an image for text, which disappears when images are blocked and is unreadable to screen readers.
- Making the signature so tall it dominates every short reply.
- Linking to an image hosted somewhere that will eventually disappear.
- Assuming it renders identically everywhere, when mail client support varies enormously.
Related Generators tools
UUID Generator
Generate secure v4 UUIDs.
QR Code Generator
Create customizable QR codes and export as SVG or PNG.
Lorem Ipsum
Generate placeholder paragraphs, sentences, or word lists.
Random Hex Generator
Generate cryptographically random hexadecimal strings.
Random Number String
Generate a random string of digits of any length.
Random String Generator
Generate random strings from a custom character set.
Random Color Generator
Generate random colors as HEX, RGB, and HSL.
MAC Address Generator
Generate random MAC addresses in several formats.