What is an HTML email signature?

An HTML email signature is a small block of formatted markup — name, title, links, and optional logo — appended to outgoing messages. Unlike plain text, it supports colors, links, and images when built with table layouts and inline CSS.

How do I add an HTML signature in Gmail?

Open Gmail Settings → See all settings → General → Signature. Paste rendered HTML or use the html2email insert button in the signature toolbar. Do not paste raw tags as plain text — Gmail will show the markup. Save Changes at the bottom.

Why do email signatures break in Outlook?

Outlook desktop uses Word as its rendering engine. Flexbox, external CSS, and div-based layouts often collapse. Table-based signatures with inline styles on each cell are the most reliable fix across Outlook, Gmail, and Apple Mail.

Should signature HTML use tables or divs?

Use tables. Email clients have inconsistent CSS support — tables with border="0" cellpadding="0" cellspacing="0" and inline font-family, color, and padding on each element survive Gmail, Yahoo, and Outlook far better than div layouts.

Is this HTML email signature generator free?

Yes. The signature generator on sendhtml.email is free with no sign-up. Copy the HTML fragment and paste it into Gmail or Yahoo. The html2email Chrome extension adds one-click insert and templates on a free plan.

How many signature templates are available?

Six free templates: Classic (photo + vertical divider), Minimal (stacked circular photo), Split card (accent side panel), Banner (colored header strip), Info grid (two-column contacts), and Accent bar (left color stripe). Enter your details once and switch templates — the same data renders in each layout.

Why is there no title tag in the generated HTML?

Gmail vacation responder and some signature editors pull a title element out of pasted HTML and display it as visible text above the body. This tool outputs only the signature fragment — no html, head, or title — so nothing extra appears in your emails.

Yes. Paste a public https:// image URL in the Photo / logo field. File upload is preview-only; Gmail strips embedded base64 on send. Keep logos between 80 and 120px wide for sharp rendering across clients.

What is the Gmail signature character limit?

Gmail allows up to 10,000 characters per signature. See Google's help article at https://support.google.com/mail/answer/8395. Table-based HTML with inline CSS uses characters quickly, so keep social links and images lean.

Will this work on Gmail Android?

Build the HTML here and install it in Gmail on the web. The Android app signature field is more limited and may not preserve full HTML formatting. Follow the install guide at https://sendhtml.email/blog/how-to-send-html-email-signature/ for reliable setup.

Free email signature maker

This free email signature maker outputs table-based HTML with inline CSS for Gmail, Yahoo, and Outlook. Pick from six layouts in the preview (Classic, Minimal, Split card, Banner, Info grid, Accent bar), add an optional logo via a public https:// URL, then copy the fragment (no <title>). Or insert into Gmail with html2email.

Signature layout examples

Classic

Best for consultants and account managers who want a headshot beside contact lines. Add a photo or logo with a public https:// URL; keep the image between 80 and 120px wide so it stays sharp in Gmail and Outlook.

Minimal

Suited to founders and freelancers who prefer a clean stacked look with a circular photo. Host your portrait or mark on HTTPS (80 to 120px wide); the generator inlines width and height on the <img> tag.

Split card

Works well for sales and customer success teams that want a colored side panel. Optional logo URL on the left; use an https image around 80 to 120px so the card does not stretch on mobile Gmail.

Banner

Good for marketers and brand managers who lead with a company strip above the name block. Pair it with a small https logo (80 to 120px) in the photo field if you want a mark under the banner color.

Info grid

Ideal for support and operations roles with phone, email, and web in two columns. A compact https logo at 80 to 120px fits the grid without pushing contact lines off-screen on narrow clients.

Accent bar

Fits legal, finance, and HR signatures that need a subtle brand stripe on the left. Add a square https logo between 80 and 120px wide next to your name for a polished corporate look.

How to use the email signature generator

Enter your name, title, company, and contact details in the form above.
Optional: add a photo via a hosted https:// URL (recommended). File upload is preview-only — Gmail strips embedded images on send.
Click Copy HTML — the output is a fragment only, safe for Gmail signature settings.
Open Gmail → Settings → Signature, paste the HTML, or use the html2email insert guide.

Why HTML email signatures matter

Your signature appears on every outbound message. A broken layout — missing logo, wrong font, or raw HTML tags showing — undermines trust. According to Litmus, inconsistent client rendering is the top reason email design breaks; signatures are no exception.

Gmail strips <style> blocks in signatures. Outlook ignores flexbox. Table cells with inline CSS on each element keep your name, links, and 80×80px logo aligned across clients.

Best practices checklist

Use tables with border="0" cellpadding="0" cellspacing="0"
Inline every style — no external CSS or class-only rules
Set explicit width and height on images with display:block
Never include <title> in pasted signature HTML
Keep total signature HTML under ~10 KB for fast load

Related free tools

All HTML email tools — hub for preview, checker, and more
UTM Builder — GA4 parameters for campaign links
Out of Office Generator — vacation responder HTML
HTML Email Preview — coming soon
How to add an HTML signature in Gmail — step-by-step guide

FAQ

Insert your signature into Gmail in one click

Copy HTML from this tool, or install html2email for the </> insert button in Gmail Settings.

Gmail/Yahoo - Free

Signature setup guide · Free plan available

Live preview