Email Signature Generator Online — Create HTML Email Signatures Free

Why HTML Signatures, Not Plain Text

Plain text signatures are limited to unformatted characters — no color, no hierarchy, no clickable links. HTML signatures use table-based layouts (the only reliable rendering method across email clients) and inline CSS to produce branded, professional formatting that renders consistently in modern email clients.

The reason email signatures use <table> elements for layout rather than modern CSS is compatibility: Outlook 2007–2019 uses Microsoft Word as its HTML rendering engine, which does not support CSS flexbox, grid, or many other modern layout properties. Tables remain the only cross-client layout method with guaranteed rendering.

What to Include in a Professional Email Signature

How to Use the Email Signature Generator

1. Open the Email Signature Generator.
2. Fill in your name, job title, company, email, phone, and website.
3. Optionally add your LinkedIn and Twitter/X profile URLs.
4. Choose a primary color (used for your name and accent elements) and an accent color.
5. The live preview updates as you type — check the layout before copying.
6. Click Copy HTML and paste into your email client's signature settings.

Installing Your Signature in Email Clients

Gmail

Go to Settings (gear icon) → See all settings → General tab → Signature section. Click "Create new," give it a name, then click the source code icon in the signature editor toolbar (or use Ctrl+Shift+X / Cmd+Shift+X on Mac), paste your HTML, and save. Set it as the default for new emails and replies.

Outlook (desktop)

Go to File → Options → Mail → Signatures. Create a new signature, then in the editor click the HTML button (or paste using Edit → Paste Special → HTML). Assign it to your account and set it as the default for new messages and replies.

Apple Mail

Mail → Settings → Signatures. Select your account, click +, and uncheck "Always match my default message font." Open TextEdit, paste the HTML, and drag the .html file into the signature field. The easiest method is to compose a new email, paste the HTML via TextEdit, and save it as a signature from there.

Dark Mode Compatibility

Dark mode email clients (including Apple Mail, Gmail mobile, and Outlook for iOS) may invert or override your signature's colors. What looks professional on a white background may become invisible or jarring in dark mode.

Strategies to handle dark mode:

• Avoid dark text on dark backgrounds — if your signature uses dark gray text on white, Gmail dark mode typically handles the inversion well.
• Use color-scheme meta tag — add <meta name="color-scheme" content="light dark"> to opt into dark mode rendering and test both variants.
• Test on your phone — enable dark mode in your email app and send yourself a test email before rolling out the signature to all contacts.

Images in Email Signatures

Profile photos and company logos embedded in email signatures frequently arrive as attachments or broken images, particularly in corporate email environments that strip remote image URLs. Three approaches:

• Hosted images — link to an image on a public URL (<img src="https://yourcompany.com/logo.png">). The image loads when the recipient opens the email and has internet access, but may fail behind corporate proxies.
• Base64 embedded images — encode the image in base64 and embed it directly in the HTML. This works without an internet connection and never appears as a broken image, but inflates the HTML size and may trigger spam filters.
• Text-only signatures — avoid images entirely and use color, font weight, and layout to create a professional appearance. This is what the generator does by default: reliable rendering everywhere without attachment concerns.

Multiple Signatures for Different Contexts

Most email clients support multiple signatures per account. Consider maintaining:

• Full signature — for new emails to external contacts: name, title, company, phone, website, social links
• Brief signature — for replies and internal emails: name and title only, to reduce noise in long threads
• Out-of-office signature — temporarily swap in while on vacation, with backup contact information

Gmail supports up to 10 signatures per account. Outlook for Microsoft 365 allows one default signature per email account but you can manually insert others. Generate each variant from the tool with slightly different content.

Brand Consistency in Signatures

If you work in a company with brand guidelines, your email signature should match the company's primary brand color, font family, and naming conventions. Common mistakes:

• Using a personal Gmail color scheme for company email
• Using an abbreviation ("Corp" instead of "Corporation") that differs from the legal entity name
• Linking to personal social profiles instead of company pages
• Using different colors across different employees' signatures, creating an inconsistent impression when emails are forwarded

Many companies standardize signatures by providing a generator pre-filled with correct brand colors, company name, and approved social links — employees only fill in their personal contact details.

Common Signature Mistakes

Signatures that are too long

A signature longer than 4–5 lines becomes noise. If recipients scroll past a full paragraph to find the previous message, the signature is too long. Edit ruthlessly: include name, title, company, and two contact methods at most.

Promotional banners and awards

“Voted Best Company 2024” banners and certification logos are rarely noticed and add visual clutter. Legal disclaimers run to hundreds of words but are never read — and are unlikely to be legally enforceable anyway. Keep the signature short and functional.

Animated GIFs

Animated GIFs in email signatures are widely considered unprofessional in business correspondence and may be blocked by corporate email filters. Avoid them.