Free Online Email Signature Generator: Professional HTML Signatures

Free online email signature generator. Build a professional signature with photo, social links and a call-to-action button, preview it in light and dark mode, and copy it to Gmail, Outlook or Apple Mail with no sign-up.

Email Signature Generator by Utiliby

Free Online Email Signature Generator: Professional HTML Signatures

Fill in your details, choose a layout and see a live preview in light and dark mode. Copy the signature into Gmail, Outlook or Apple Mail, or copy the clean HTML.

Preview on

Disclaimer: This free online email signature generator runs in your browser and nothing you type or upload is sent to a server. Email programs display signatures differently, so always send a test message to yourself and to a colleague using another program. Check what your country, industry and employer require in a signature, such as company registration details, and do not put sensitive information in a signature. Photos you upload here appear only in the preview; host images online and use https addresses in real emails.

Share, cite or embed this tool

Written by the Utiliby editorial team · Last updated October 15, 2026 · Rules and formulas reviewed October 2026

What this free online email signature generator does

Every email you send is a small piece of marketing. A clear email signature tells people who you are, how to reach you and what to do next, and it appears in every message, to every client, supplier and candidate, for free. Most online signature makers hide their best layouts behind a subscription, add their own logo to your signature or ask for your email address first. This free online email signature generator does none of that.

Enter your details, choose from six professional layouts, set the accent colour, font and photo shape, and watch the signature update live. Preview it on light and dark backgrounds and at desktop and phone widths, run the built-in checks, then copy it as formatted text for Gmail, Outlook and Apple Mail or as clean HTML code. Everything is created with inline styles and table layout, the method that email programs support best.

Anatomy of a professional email signature Book a call 1. Photo or logoBuilds recognition and trust2. Name, title, companyLarge, clear and first3. Contact lines and linksReal tel: and mailto: links4. One call to action
A good signature has a few parts, in a clear order, and one next step for the reader.

How to make an email signature step by step

  1. Add your details. Name, job title, company, phone and email are the essentials. Add a website and address only if they help.
  2. Pick a layout. Photo and divider suits most professionals, Compact suits busy inboxes and Minimal suits formal mail.
  3. Style it. Choose one accent colour with good contrast, a web-safe font and a text size of 12 to 14 pixels.
  4. Add a photo or logo. Enter an https address for the image so recipients can load it.
  5. Add social links and one call to action. A button such as Book a call gives readers a next step.
  6. Check the list. Fix any warnings about contrast, unsafe links or size.
  7. Copy and install. Follow the steps in the How to install tab, then send yourself a test.

Signature layouts compared

LayoutBest forNotes
Classic stackedCorporate and formal mailName, title and lines in one column; works everywhere
Photo and dividerConsultants, sales, agentsPhoto left, details right, accent divider
Modern accent lineAgencies and start-upsAccent bar above the name
Card with stripeBrand-focused teamsColoured stripe and a call-to-action button
Compact one lineFast replies and phonesShort and low height
MinimalLegal, finance, academicPlain text style with links

What to put in a professional email signature

Leave out quotes, long mottos, animated images and many colours. They slow loading, distract from the message and look unprofessional in a serious business mail. Studies of email design consistently favour short, scannable signatures, and the best ones are less than eight lines tall.

Email client compatibility: why signatures break

Email programs are not web browsers. Outlook for Windows uses the Word rendering engine, Gmail strips parts of the code and some phones remove images or change colours. Because of this, a good signature avoids modern layout features such as flexbox, grid, external stylesheets, scripts and web fonts. This generator uses nested tables, inline styles and absolute pixel sizes, which have the widest support. Images carry explicit width and height, and links use full https addresses so that they are clickable everywhere. The tool also drops unsafe link types such as javascript: and escapes all text to keep the code valid.

Images are the most common cause of trouble. Embedded images are often shown as attachments or removed, so host your photo and logo on your own website or an image host with a stable https address. Use PNG or JPG, keep files small, and write alt text so the signature still makes sense when images are blocked.

Design tips for a signature that gets read

Using your signature as a free marketing channel

A company that sends thousands of emails a month has thousands of chances to promote something. Treat the signature as a small advertisement that you can measure. Add tracking to the call-to-action link with the UTM Link Builder, so analytics shows how many visits came from email signatures. Change the call to action each quarter to match a launch, webinar or case study, and run two versions across teams, then compare click-through with the A/B Test Calculator.

Add a QR code to a printed version of your signature, such as on a business card, and test the wording of your call to action with the Headline Analyzer. Keep branding consistent across the team by using the same layout, colours and spacing for everyone.

Legal notices, privacy and accessibility

Rules differ by country and industry. In many places companies must show registered name, registration number and registered office on business emails, and regulated professions such as law, finance and health may need extra notices. Check with your employer or adviser. Confidentiality disclaimers rarely have legal force on their own, so keep them short. For accessibility, use sufficient contrast, real text rather than text inside images, meaningful alt text and descriptive link text.

This tool works in your browser and does not send, store or track any of the details you enter.

Troubleshooting common signature problems

Accuracy, limits and responsible use

The generator produces standard HTML with inline styles and has been tested for valid output, correct link encoding and safe handling of special characters. Email programs change over time, so no tool can promise identical results everywhere. Test your signature in the programs your contacts actually use, keep a plain text version for mobile apps, and review it regularly. This free online email signature generator is for lawful, honest business use only.

Frequently asked questions

How do I create a professional email signature for free?

Fill in your name, title, company and contact details, choose a layout and colour, and check the preview. Then click Copy signature and paste it into your email settings. There is no sign-up, no watermark and no branding added.

Is this email signature generator really free?

Yes. It is a free online email signature generator with no account, no limits and no logo of ours in your signature. Everything runs in your browser.

How do I add an email signature in Gmail?

Open Settings, choose See all settings, scroll to Signature, create a new signature, paste the copied signature into the box and save. The How to install tab lists the steps for Gmail, Outlook, Apple Mail, Thunderbird and Yahoo.

How do I add a signature in Outlook?

In new Outlook and Outlook on the web go to Settings, Accounts, Signatures. In classic Outlook use File, Options, Mail, Signatures. Create a new signature and paste. If the layout breaks in classic Outlook, use the Copy HTML option.

Why does my photo or logo not show in the email?

Pasted images are usually stored on your computer or embedded in the message, and many programs remove them. Host the image on your website or an image service and enter its https web address so every recipient can load it.

Can I add a logo or banner to the signature?

Yes. Enter the web address of the logo as the photo, and a banner address in the Design tab. Keep banners about 800 pixels wide, because the tool shows them at 400 pixels for sharp screens.

What size should an email signature be?

Keep it about 500 to 600 pixels wide and under 150 pixels tall, with a photo of 80 to 100 pixels and text of 12 to 14 pixels. Smaller is better on phones.

Which fonts are safe in email signatures?

Web-safe fonts such as Arial, Verdana, Tahoma, Trebuchet MS, Georgia and Times New Roman, because custom fonts are not loaded by most email programs. The tool offers only fonts that display reliably.

Does the signature work in dark mode?

The preview lets you check both light and dark backgrounds. Use dark text on a transparent background logo and avoid white backgrounds on images, so the signature stays readable when a program inverts colours.

Is the signature mobile friendly?

Yes. The layouts are built from simple tables that scale down, and the Phone preview shows how the signature looks on a narrow screen. Prefer the Compact or Minimal layouts if most readers use phones.

Why does my signature look different in other email programs?

Programs such as Outlook, Gmail and Apple Mail each render HTML in their own way. This tool uses inline styles and table layout, the most compatible method, but you should still send yourself a test.

Can I add social media icons?

The tool adds text links for LinkedIn, X, Facebook, Instagram, YouTube, GitHub and TikTok, plus one custom link. Text links work everywhere and cannot be blocked like images can.

What is the character limit for a Gmail signature?

Gmail allows signatures up to 10,000 characters. The checks panel shows the size of your signature code and warns you if you go over.

Should I add a disclaimer or legal notice?

Add one only if your employer, industry or country requires it, such as a confidentiality notice or company registration details. Keep it short, because long notices hide your contact details.

Can I use the signature on a phone?

You can paste it in the Gmail, Outlook or Apple Mail app settings. Many mobile apps keep only plain text and simple formatting, so also copy the plain text version.

Is my information stored or sent anywhere?

No. All processing happens in your browser. Nothing is uploaded, and photos you add stay on your device.

Can I print the signature or save it as PDF?

Yes. Print or save creates a one-page sheet with the signature and the plain text version. Only that sheet is printed, not the whole page.

Sources and further reading

Sources were consulted in October 2026. Standards and rules can change, so always check the official page for your situation.

Disclaimer: This free online email signature generator runs in your browser and nothing you type or upload is sent to a server. Email programs display signatures differently, so always send a test message to yourself and to a colleague using another program. Check what your country, industry and employer require in a signature, such as company registration details, and do not put sensitive information in a signature. Photos you upload here appear only in the preview; host images online and use https addresses in real emails.