Email Signature Generator
Build a professional HTML email signature in seconds. Fill in your details, pick one of four layouts, set your brand accent color, and watch the live preview update as you type. Then copy the table-based, inline-CSS HTML (built for Gmail, Outlook, and Apple Mail), download it as a file, or export a PNG image fallback. Free, runs entirely in your browser, no signup.
How to Use This Tool
- Fill in your details. Enter your name, job title, company, phone, email, and website. The live preview updates instantly as you type, so you can see exactly what recipients will get.
- Add social and images. Paste your LinkedIn, X, and Instagram URLs, and (optionally) a publicly hosted photo and company logo URL. Images must be reachable over HTTPS — email clients cannot embed files from your computer.
- Pick a layout template. Switch between Horizontal (photo left, info right), Vertical (stacked), Minimal (clean text-only), and Branded (accent/logo bar). Each is built from HTML tables for maximum email-client compatibility.
- Set your brand accent color with the color picker. It tints the divider, labels, links, and the Branded header bar so the signature matches your brand.
- Copy or download. Click Copy HTML (or press Ctrl/Cmd+Enter) to copy the signature, Download HTML to save a file, or Download Image (PNG) for clients that mangle HTML.
- Install it using the per-client instructions above for Gmail, Outlook, or Apple Mail, then send yourself a test email to confirm it renders correctly before rolling it out.
About Email Signatures & Why HTML Tables Still Win
An email signature is one of the most-seen pieces of branding a professional owns. A salesperson who sends 40 emails a day produces roughly 10,000 branded impressions a year — for free. Yet most signatures are an afterthought: a plain block of text, a broken image, or a sprawling design that collapses the moment it lands in Outlook. A good signature is compact, on-brand, accessible, and renders identically across the messy patchwork of email clients your recipients actually use. This generator builds exactly that, and it does so with the one technique that has survived two decades of email rendering chaos: HTML tables with inline CSS.
Why tables, in 2026? Because email is not the web. Modern websites use flexbox, grid, and external stylesheets, but email clients deliberately strip or rewrite much of that for security and historical reasons. The worst offender is Outlook for Windows, which renders messages using the Microsoft Word layout engine rather than a browser — it ignores flexbox, mishandles margins and padding on non-table elements, drops background images, and frequently breaks rounded corners. Gmail strips <style> blocks and many classes, keeping only inline styles. Apple Mail is the most forgiving but still rewards simplicity. The lowest common denominator that all of them render predictably is a table laid out with explicit cell padding and inline styles, which is why every professional signature and email template you have ever received under the hood is built from nested tables.
This tool gives you four layouts tuned for those constraints. Horizontal places a circular photo on the left and your details on the right with an accent divider — the classic corporate look. Vertical stacks everything in a single column, which is the safest choice for narrow mobile screens. Minimal drops the photo entirely for a clean, fast text-only signature that never breaks. Branded adds an accent-colored header bar carrying your logo or company name for a more designed feel. All four escape your input and sanitize every link, so a stray angle bracket or a javascript: URL can never corrupt the output — the signature you copy is clean, valid, paste-ready HTML.
A few rules separate a signature that works from one that embarrasses you. Host images on a permanent, public HTTPS URL sized close to their display dimensions (a 160px logo exported at 2x for retina), and keep each file small. Keep the whole signature under about 600px wide so it never forces horizontal scrolling on mobile. Limit yourself to one font family and two or three colors. Resist the urge to cram in five social icons, a quote, a banner, and three disclaimers — clutter reads as noise. If your industry or region requires a legal/confidentiality notice, place it below the visual signature in small, muted text. And always test by emailing yourself in the real client before you deploy a signature across a team, because the preview in any builder (including this one) is a browser approximation, not the final client render.
Finally, treat your signature as a marketing channel, not just a contact card. A single, focused call-to-action — “Book a free strategy call,” “Read our latest case study” — tagged with UTM parameters turns every email you send into a measurable touchpoint. Our Email Marketing team builds complete programs around this idea: branded signatures rolled out across the whole company, transactional and campaign templates, automation flows, deliverability (SPF, DKIM, DMARC), and revenue attribution so you know which emails actually drive pipeline. Build your signature here, then pair it with our UTM Builder to track the link and our Email Subject Line Tester to lift open rates on the emails that carry it.
Frequently Asked Questions
How do I add an HTML signature to Gmail?
Build your signature here and click Copy HTML. In Gmail, open Settings (the gear icon) → See all settings → General tab → scroll to the Signature section → Create new. Click into the signature edit box and paste (Ctrl/Cmd+V). Gmail renders pasted rich HTML, so the formatting, links, and photo come through. Set the signature defaults for new emails and replies below the box, then scroll down and click Save Changes. Gmail strips some advanced CSS, which is why this tool uses simple, table-based inline styles that Gmail keeps. If the photo does not appear, make sure its image URL is publicly accessible over HTTPS.
How do I install the signature in Outlook?
For desktop Outlook (Windows): File → Options → Mail → Signatures → New, then paste the signature into the edit box and Save. For new Outlook and Outlook on the web: Settings → Mail → Compose and reply → paste into the signature box → Save. Because Outlook for Windows renders email with Microsoft Word's engine (not a browser), it ignores many modern CSS features — that is exactly why this generator builds signatures from HTML tables with inline styles, which Word renders reliably. If you need pixel-perfect control in Outlook desktop, the Download as Image (PNG) option produces a raster version that always displays the same.
Should I use an HTML signature or an image signature?
Prefer HTML for everyday use. HTML signatures keep clickable links (email, phone, website, social), stay crisp on every screen, remain searchable, and are accessible to screen readers. The downside is that a few email clients (notably older Outlook desktop) render HTML inconsistently. Image signatures look identical everywhere because they are just a picture, but they break accessibility, are not clickable, can be blocked when images are disabled, and look blurry on high-DPI screens unless exported at 2x. The best practice is an HTML signature for normal sending, with an image fallback (this tool exports a PNG) only for clients where HTML refuses to cooperate.
Why does my signature break or look different in Outlook?
Outlook for Windows uses the Microsoft Word rendering engine rather than a web browser, so it ignores or mangles many CSS properties — background images, flexbox, margins on some elements, border-radius, and more. Signatures built with div-and-CSS layouts often collapse or add unwanted gaps. The fix is to use HTML tables for layout with inline styles and explicit cellpadding/cellspacing, which is what this generator does. Also avoid relying on rounded corners or background colors for critical content, keep image widths explicit, and always test by sending yourself a message in the actual client before rolling the signature out to a team.
How do email signatures look on mobile?
Most mobile mail apps (Gmail, Apple Mail, Outlook mobile) render HTML signatures well, but screens are narrow, so keep your signature compact: one column or a tight two-column layout, a small photo (around 72–80px), and short contact lines. Avoid wide fixed-width tables that force horizontal scrolling. The Vertical and Minimal templates in this tool are the safest for mobile. Note that the native iOS Mail and Android Gmail apps do not let you paste rich HTML signatures directly in their settings — you typically set those via the web client or a mobile device management profile, then they sync to the app.
Where should I host the photo and logo images?
Signature images must be hosted on a public, always-on URL over HTTPS — email clients will not embed a file from your computer. Good options include your own website/CDN, a company asset server, or an image host. Use a direct image link that ends in .png or .jpg, keep the file small (under ~50KB) and sized close to its display dimensions (for example a 160px-wide logo exported at 320px for retina), and never use a temporary or signed URL that expires. If an image is hosted without CORS headers, this tool can still embed it in the HTML signature, but the Download-as-Image (PNG) export may be blocked for that photo.
Do I need a legal disclaimer in my email signature?
It depends on your industry and jurisdiction. Many regulated sectors (finance, legal, healthcare) and some countries require confidentiality notices, company registration details, or unsubscribe information in business email. The EU, UK, and several other regions require certain company identifiers (registered name, number, and address) in business correspondence. Disclaimers have limited legal force on their own, but they are often mandated or recommended by compliance teams. Keep them short and place them below the visual signature in smaller, muted text so they do not overwhelm the design. Check with your legal or compliance team for the exact wording your organization requires.
Can I A/B test email signatures?
Yes — signatures are an underused marketing surface. Add a single, clear call-to-action link (book a demo, read a case study, see latest offer) and track clicks with UTM parameters so you can measure which version drives more engagement. Run one CTA for a few weeks, then swap to an alternative and compare click-through. Keep everything else constant so the CTA is the only variable. For teams, roll out variants to different groups and compare. Pair this tool with our UTM Builder to tag the links and our A/B Test Calculator to size the test, and treat the signature like any other conversion asset.