AnyTool
Your files never leave your device. All processing happens locally in your browser.

How do I create a professional HTML email signature for Gmail, Outlook or Apple Mail?

Open AnyTool Email Signature Generator, fill in your name, job title, company, phone, email, website, address and social links, pick one of four templates and a brand colour, then add an optional headshot or logo. The tool builds a professional, table-based, fully inline-styled HTML signature live — the only layout that survives Gmail, Outlook and Apple Mail. Click “Copy signature” to copy the rendered HTML and paste it straight into your mail client’s signature editor, keeping the formatting. Everything runs in your browser — your details and any uploaded logo are never uploaded to us.

  • Name, title, company, phone, mobile, email, website, address, social links, CTA and disclaimer
  • Four templates (photo-left, stacked, minimal, logo-right) with a custom brand colour and web-safe font
  • Output is a nested table with 100% inline styles — Gmail, Outlook and Apple Mail compatible
  • Copy signature (rich HTML, keeps formatting), copy HTML source, or download a .html file
  • Photo/logo via a public URL or a local upload embedded as a data URL · 100% client-side, nothing uploaded

What is

HTML email signature

An HTML email signature is the formatted block appended to outgoing messages, holding your name, role, contact details, links and often a photo or logo. Because email clients such as Gmail, Outlook and Apple Mail strip out <style> blocks, CSS classes and modern layout like flexbox, a reliable signature must be built as an HTML table with every style applied inline on each element, and any images referenced by an absolute public URL so they load in recipients’ inboxes.

Generators

Related terms

Table-based layoutInline CSSWeb-safe fontsGmail signatureOutlook signature

Frequently Asked Questions

Because email clients strip <style> blocks, classes and flexbox. Tables with styles written inline on each element are the only layout that renders consistently in Gmail, Outlook and Apple Mail.

Unlike a web page, an email is rendered by clients that aggressively sanitise HTML: Gmail, Outlook and Apple Mail remove <style> blocks and CSS classes, and Outlook’s Word-based engine ignores flexbox, grid and many modern properties. The only structure that survives everywhere is an old-school HTML table with every style written inline on the element itself — for example <td style="font-size:14px;color:#333333;">. AnyTool Email Signature Generator builds exactly that: a nested presentational table with 100% inline styles and web-safe fonts, so the signature looks the same across desktop and mobile clients.

Only if the image is hosted at a public https:// URL. A locally-embedded data-URL image is fine for testing but is blocked by some clients, including Outlook.

For an image to appear in every recipient’s inbox it must be referenced by an absolute, publicly reachable https:// URL — host it on your website, a CDN or an image host and paste that link. AnyTool also lets you upload a local image, which it embeds directly in the HTML as a data URL; that keeps the file in your browser (nothing is uploaded to us) and is convenient for previewing, but many clients — notably Outlook — block embedded data-URL images, so they may not display for recipients. The honest rule is: use a hosted URL for a signature people will actually see, and always email it to yourself to confirm the image loads.

Click Copy signature, then paste into Gmail → Settings → Signature, the Outlook signature editor, or Apple Mail → Settings → Signatures. The formatting is preserved.

AnyTool’s Copy signature button copies the rendered HTML to your clipboard, so when you paste it into a signature editor the formatting comes along. In Gmail go to Settings (the gear) → See all settings → General → Signature and paste into the box; in new Outlook or Outlook on the web open the signature editor and paste; in Apple Mail open Settings → Signatures and paste (turn off “Always match my default message font”). If a client only accepts raw code, use Copy HTML source or download the .html file. Always send yourself a test email and check it on both desktop and phone.

Yes. It is free and runs entirely in your browser — your details and any uploaded logo are never uploaded, logged or stored.

The tool is completely free with no signup. It is also 100% client-side: the name, role, contact details and social links you type are used only to assemble the signature HTML locally as you type, and if you upload a local image it is read in your browser and embedded as a data URL without ever leaving your device. Nothing is sent to a server, logged or stored, and the page works offline once cached. That is a deliberate contrast to many online signature generators, which build the signature on their servers and may retain what you enter.

Detailed Explanation

Methodology

How the Email Signature Generator Builds Client-Safe HTML

AnyTool Email Signature Generator assembles a professional HTML email signature in the browser from a typed input model — name, job title, company, phone, mobile, email, website, address, social links, an optional photo or logo, a brand colour, a web-safe font, a call-to-action button and a disclaimer. Crucially, the output is a nested presentational HTML table with every style written inline on each element, because email clients sanitise HTML aggressively: Gmail, Outlook and Apple Mail strip <style> blocks and CSS classes, and Outlook’s Word-based rendering engine ignores flexbox, grid and many modern properties. The tool HTML-escapes user text, normalises link URLs so an href always has a scheme (https://, mailto: or tel:), turns the email into a mailto: link and the phone into a tel: link, and uses spacer cells rather than CSS margins for vertical rhythm so spacing is identical in Outlook. The signature, and a live in-browser preview of it, update in real time as you type.

  • Output is a nested HTML table with 100% inline styles — no <style>, classes, flexbox or grid
  • Web-safe font stacks only (Arial, Helvetica, Georgia, Verdana, Tahoma, Trebuchet, Times)
  • Email becomes a mailto: link, phone becomes a tel: link; URLs are normalised to include a scheme
  • User text is HTML-escaped; vertical spacing uses spacer cells for Outlook fidelity
  • Built entirely client-side and rendered into a live preview in real time
Technical Details

Templates, Branding, Copy and Download

Four layouts are offered: photo-left (round headshot beside the details with a coloured left divider), stacked (image on top, details below), minimal (text-only with a coloured accent bar — no image), and logo-right (details on the left, a rectangular logo on the right). A brand colour drives the divider, the labelled social links and an optional inline-styled CTA button; an image can be added either as a publicly hosted URL or as a local upload that is read in the browser and embedded as a data URL. Social links render as labelled text (LinkedIn, X/Twitter, Instagram, GitHub, …) separated by a coloured dot — deliberately avoiding external icon images, which many clients block. Three outputs are provided: Copy signature places the rendered HTML on the clipboard (using the async Clipboard API with a text/html item, falling back to selecting the live preview and execCommand) so a paste into a mail client keeps the formatting; Copy HTML source copies the raw markup; and a Download button saves a ready-to-paste .html file. A sticky mobile bar exposes Copy signature and download.

  • Four templates: photo-left, stacked, minimal (no image), logo-right
  • Brand colour applies to the divider, social links and the CTA button; web-safe font picker
  • Social links are labelled text links (no external icon images that clients block)
  • Copy signature copies rich text/html so paste keeps formatting; copy source; download .html
  • Round headshot vs rectangular logo toggle; image via public URL or local-upload data URL
Privacy & Security

Privacy and the Honest Limits

Everything happens in the browser. The name, role, contact details and social links you enter are used only to assemble the signature HTML locally, and a local image upload is read with a FileReader and embedded as a data URL — the file never leaves your device and nothing is uploaded, logged or stored; the page works offline once cached. The honest caveats are built in. To install the signature you copy it and paste it into Gmail → Settings → Signature, the Outlook signature editor, or Apple Mail → Settings → Signatures; the table-and-inline-styles structure is what lets the formatting survive. The biggest caveat concerns images: for a photo or logo to appear in recipients&rsquo; inboxes it must be hosted at a public https:// URL, because a locally-embedded data-URL image, while perfect for previewing, is blocked by some clients including Outlook. The tool therefore warns when an embedded image is in use and recommends emailing the signature to yourself and checking it on both desktop and mobile before relying on it.

Email signature building: in-browser (AnyTool) vs typical online generators
CapabilityAnyToolTypical online generators
LayoutTable-based, 100% inline stylesUsually table-based too
Client compatibilityGmail, Outlook, Apple Mail — tested structureVaries; some break in Outlook
TemplatesFour layouts + brand colour + web-safe fontOften paywalled or branded
ImagesPublic URL or local data-URL (honest caveats)Often hosted on their servers
OutputsRich copy + HTML source + .html downloadOften rich copy only
ProcessingRuns in your browserOften server-side
PrivacyDetails and logo never uploadedMay log what you enter

AnyTool builds the signature locally as table-based, inline-styled HTML, and never uploads your details or your logo.