Will this signature work in Gmail and Outlook?

Yes. The signature is built with email-safe HTML — a table-based layout with all styles inline and no external CSS, classes, or webfonts — which is what Gmail, Outlook, and Apple Mail render reliably. Outlook desktop (Word engine) is the most restrictive client, so always paste it into your real client and send yourself a test before relying on it.

Why does my logo need a hosted URL instead of an upload?

Email signatures reference images by URL — they don't store the image itself. A hosted https:// image keeps deliverability intact. Avoid base64 / data-URI images: Gmail blocks them and base64 inflates the message size by about 33%, which can trigger Gmail clipping or spam quarantine. Upload your logo somewhere public first, then paste its link.

How do I add the signature to Gmail?

Click Copy signature, then in Gmail go to Settings (gear) → See all settings → General → Signature, create a signature, and paste. The rich HTML formatting is preserved on paste. Outlook: File → Options → Mail → Signatures. Apple Mail: Mail → Settings → Signatures.

Is the email signature generator free?

Yes — 100% free. Everything runs privately in your browser; nothing you type is sent, logged, or stored.

Email Signature Generator

Turn your details into a clean, copy-paste HTML signature for Gmail, Outlook & Apple Mail — email-safe, built in your browser.

Your details

Full name *

Required — rendered bold at the top. The Copy buttons stay off until this is filled.

Job title

Company

Phone

Website URL

No https://? We add it so the link works in mail clients.

Location / address (optional)

Photo / logo

Image URL (hosted)

Must be a hosted https:// URL — not an upload or base64. Gmail blocks data-URI images.

Image width (px)

100–200px looks right. Export the source at 2× for Retina.

Image shape

Round uses border-radius (ignored by Outlook desktop). Use a square source image for a clean circle.

Social / profile links (optional — row hidden if all blank)

X / Twitter

Instagram

GitHub

Style

Layout

Font family

Base font size (px)

Accent / brand color

Applied to your name & links. We check contrast against white (WCAG AA 4.5:1).

Your signature

—

Live preview — renders on a white background, as in your inbox

View / copy HTML source

—

Rendered width—

What's in your signature

Name—

Title · company—

Email → mailto:—

Phone → tel:—

Website—

Image—

Social links—

Layout · font—

Est. HTML size—

How to install it

Gmail: Settings (gear) → See all settings → General → Signature → Create new → paste with Copy signature.

Outlook (desktop): File → Options → Mail → Signatures → New → paste.

Apple Mail: Mail → Settings → Signatures → paste (untick "Always match my default message font").

Fields that expect raw code? Use Copy HTML code instead.

Email Signature Generator — guide & how to use

What it does

This free email signature generator turns your contact details into a polished, copy-paste-ready HTML signature — rendered live so you see exactly what your recipients will. It outputs email-safe HTML: a table-based layout with every style inline and no external CSS, classes, or webfonts. That's the only kind of markup Gmail, Outlook, and Apple Mail render consistently. Everything runs in your browser — nothing you type is sent anywhere or stored.

How to use it

Fill in your name (required) plus any title, company, email, phone, website, and address.
Optionally paste a hosted image URL for a logo or headshot, and add social links.
Pick a layout, font, base size, and accent color — the preview updates live.
Click Copy signature and paste straight into Gmail / Outlook / Apple Mail settings (formatting is preserved). For fields that want raw code, use Copy HTML code.
Send yourself a test email from your real client before relying on it.

Why hosted images, never base64

Email signatures reference an image by URL — they don't carry the image file. Always use a hosted https:// URL. Embedding a logo as a base64 / data-URI looks fine in Outlook desktop but silently breaks in Gmail (which blocks data-URI images) and inflates the message size by about 33%, which can trip Gmail clipping or spam quarantine. Keep each image lightweight (well under 50 KB) and export it at 2× the display width for sharp Retina rendering.

Recommended dimensions

Industry consensus: keep the whole signature 300–600px wide and roughly 90–240px tall; a logo at 100–200px (square logos ~100×100). Social profiles render as compact text links (not image icons) so they stay visible even when a recipient has images turned off — hosted icon images can be blocked by Gmail. The image-top layout is friendlier on narrow (~320px) mobile screens. This tool keeps the signature inside a 600px max-width so a long unbreakable URL can't blow the layout out.

Accuracy & honesty notes

This is a layout, not a pixel-perfect guarantee. Email clients render HTML inconsistently. Outlook 2016–2019 (Word rendering engine) is the most restrictive — it ignores most modern CSS, float/position, rounded corners, and many background properties. Test in your real client.
Inline styles only. <style> blocks, classes, external stylesheets, and <link> are stripped by Gmail and others — this tool never emits them.
Tables, not flexbox/grid. The layout uses nested tables with role="presentation" because flexbox and CSS grid aren't reliably supported in email.
Web-safe fonts only. Custom/webfonts silently fall back to a system font (especially in Outlook), so the picker is limited to Arial, Helvetica, Georgia, Times New Roman, Verdana, and Tahoma.
Images-off still reads. All contact info is real text (not baked into one image) and every <img> carries alt text, so the signature stays legible if a recipient has images turned off.
Contrast warning is advisory. It's computed against a white background (WCAG AA 4.5:1); a recipient's actual background may differ slightly.
Not legal/compliance advice. Regulated industries (finance, healthcare, legal) often require specific confidentiality disclaimers — this tool does not add or validate those.
100% private. All rendering is client-side — nothing you type is ever sent to a server.

How to embed this tool on your website

No account, no coding. Copy the embed code and paste it where you want it to appear:

Embeddable in one line — copy the ready-made snippet from the box below.

Frequently asked questions

Will it work in Gmail and Outlook?

Yes — it's email-safe HTML (inline styles, table layout, no webfonts). Outlook desktop is the strictest client, so send yourself a test before relying on it.

Why can't I upload my logo?

Signatures reference an image by URL, not the file. Host the image at a public https:// URL and paste the link. Base64/data-URI images get blocked by Gmail and bloat the message.

Is my data sent anywhere?

No. Everything is generated in your browser. Nothing you type is uploaded, logged, or stored.

What's the difference between the two Copy buttons?

"Copy signature" copies the rendered, formatted signature — paste it directly into Gmail/Outlook/Apple Mail. "Copy HTML code" copies the raw source for fields that expect code.

Related tools

Put this signature generator on your site

Free, one line, no account. Great for an agency, HR onboarding, or branding page.

<iframe src="https://snaptoolsuite.com/email-signature-generator/?embed=1"
  style="width:100%;max-width:560px;height:1080px;border:0;"
  title="Email Signature Generator" loading="lazy"></iframe>

2 Paste it on your page

3 It just works

Built locally in your browser. Nothing you type — name, email, phone, links — is ever sent, logged, or stored.