SuperDevTools
EN

Email signature generator: free HTML email signature

Nothing is uploaded: the signature is built in your browser and your signatures are saved on this device only.

My signatures

Contact details

Links to your professional profiles

Enter a short label (for example “Professional profile” or “Portfolio”) and the full address. Each link is shown as text, with a link icon if you choose icons.

Logo or photo

Message, button and banner

Appearance

Template

Preview

Dark mode is simulated: depending on the email app, colors are inverted, kept as they are or only darkened. Check that the text stays readable in both simulations.

HTML code

Add the signature to your email app

  1. Click “Copy signature”.
  2. In your email app's settings (or preferences), open the Signature section and create a new signature.
  3. Paste into the text box with Ctrl+V (Cmd+V on a Mac), then save.
  4. If the app asks for HTML code or a file, use “Copy HTML code” or “Download .html”.
  5. Send yourself a test email and open it on a computer and on a phone.

A free email signature, ready to paste

This email signature generator builds an HTML signature you can paste straight into your email app: name, job title, company, phone numbers, email, website, address, links to your professional profiles, logo or photo, a call-to-action button and a footer notice. Pick one of six plain templates (“Classic”, “Side bar”, “Inline”, “Centered”, “Card”, “Minimal”), an accent color and a common font, and the preview updates as you type.

It is a free email signature with no account and no upload: the code is built in your browser and your signatures stay on this device.

How to make your signature

  1. Fill in “Contact details”. Phone numbers become tap-to-call links: +1 (202) 555-0143 gives tel:+12025550143, and +44 20 7946 0958 gives tel:+442079460958. Your email becomes a mailto: link.
  2. Add up to three links under “Links to your professional profiles”, each with a short label.
  3. Under “Logo or photo”, choose “Hosted image (public address)” or “Small embedded image”, then the width and shape.
  4. If you want, tick “Add a notice or message below the signature”. The “Environment message” button fills in “Please consider the environment before printing this email.” The notice is off by default.
  5. Choose a template and check the preview in “Light”, “Dark, inverted colors” and “Dark, colors kept”.
  6. Click “Copy signature”, or “Copy HTML code” or “Download .html” if your app asks for code.

“New” and “Duplicate” let you keep several signatures, such as a short one for replies.

What to include, and what to leave out

Stick to the essentials: name, title, company, one or two phone numbers, website. Four to six lines are plenty. Skip quotes, large images, bright colors and fancy fonts. The generator only offers fonts found almost everywhere (Arial, Helvetica, Georgia, Verdana, Tahoma, Trebuchet MS) and keeps the signature within 600 px. A logo shown 80 px wide stays sharp without taking over the message.

Hosted or embedded images

A pasted image is often blocked or turned into an attachment. The reliable way is to upload your logo to your website and paste its https address. “Small embedded image” shrinks the picture to 160 px at most and writes it into the code; several webmail services ignore it, which is why a warning appears above 10 KB. Only the image whose address you enter is loaded by your browser, for the preview.

HTML email signature compatibility and dark mode

The HTML email signature uses tables and styles written on each tag, which every email app understands. Every image has alt text and set dimensions. In dark mode, some apps invert colors while others keep dark text on a dark background, hence the two simulations. A mid-tone accent color, neither very light nor very dark, stays readable in all three views.

Legal details: check what applies to you

In the UK, companies generally have to show their registered name, number, place of registration and registered office address on business correspondence, and that is usually read as covering emails. Rules depend on where you operate, your type of business and the message, so check with an adviser. A confidentiality notice, offered by the “Confidentiality notice” button, is mostly a courtesy.

Installing it in your email app

In your email app's settings, open the Signature section, create a signature, paste with Ctrl+V (Cmd+V on a Mac) and send yourself a test email.

FAQ

Why can't the recipient see my logo?

The image is embedded and blocked, or its address is not public. Use “Hosted image (public address)” with an https address.

Pasting gives plain text without formatting. What now?

Some signature boxes only accept code. Use “Copy HTML code” and paste it into the HTML field, or import the file you get with “Download .html”.

Are my signatures saved?

Yes, in your browser's storage on this device. To use them on another computer, click “Export (JSON)” and then “Import (JSON)” there.

Can I add icons?

“Embedded icons” shows simple generic pictograms (phone, envelope, globe, link) written into the code. They may be hidden; “Short words (Tel., Email…)” are safer.