Will the signature look the same in Gmail and Outlook?

Very close. The signature is built from HTML tables with inline styles, which is the format email clients handle most reliably. Small differences can still appear: Outlook on Windows ignores rounded corners, so round photos and icons show as squares there.

Why doesn't my uploaded photo show in Gmail?

An uploaded image is embedded in the signature as a data URL. Gmail and some other clients strip data-URL images. For a photo or logo that shows everywhere, upload the image somewhere public (your website, a CDN or a file host that gives a direct image link) and paste that URL into the image URL field instead.

What does Copy signature copy?

It copies the signature as formatted content, the same as selecting it on a web page, so it pastes with its layout, colours and links. If your browser blocks it, open the downloaded .html file in your browser, select the signature, copy it and paste it into your email app. Copy HTML code gives you the raw code for tools that accept HTML signatures.

Are the social icons images?

No. They are small coloured squares with letters (in, X, IG, f, YT, TT) built from HTML and text. That means they show up even when the email client blocks images, and nothing is loaded from another server. You can switch to plain text links instead.

Is my information stored anywhere?

No. The signature is built in your browser and nothing you type or upload is sent to a server.

Can I edit the HTML afterwards?

Yes. Copy the HTML code or download the .html file and edit it in any text editor. Keep styles inline, because many email clients remove style blocks.

Email Signature Generator

Create a professional HTML email signature with your photo, contact details and social links. Pick a layout and colour, then copy it straight into Gmail, Outlook or Apple Mail.

100% free
No sign-up
Runs in your browser

Your details

Full name

Job title

Company

Phone

Website

Address (optional)

Photo or logo

Image URL

Recommended. Paste a direct https:// link to an image hosted on your website or a CDN, so it shows in every email client.

Size

Shape

Social links

Enter a handle (@name) or a full profile URL. Leave empty to hide.

Instagram

Facebook

YouTube

TikTok

Design

Layout

Accent colour

Font

Preview

New message

Best regards,

Alex Morgan

Head of Marketing | Northwind Studio

P +1 555 010 2030

E alex@northwind.studio

W northwind.studio

HTML code

<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;font-family:Arial, Helvetica, sans-serif;color:#111827;"><tr><td valign="top" style="padding:0 0 0 16px;border-left:2px solid #f43f5e;vertical-align:top;"><p style="margin:0;font-size:16px;line-height:22px;font-weight:600;color:#111827;">Alex Morgan</p><p style="margin:2px 0 0;font-size:13px;line-height:19px;color:#6b7280;">Head of Marketing<span style="color:#d1d5db;">&nbsp;|&nbsp;</span>Northwind Studio</p><div style="height:6px;line-height:6px;font-size:0;">&nbsp;</div><p style="margin:2px 0 0;font-size:13px;line-height:19px;color:#4b5563;"><span style="color:#f43f5e;">P</span>&nbsp;<a href="tel:+15550102030" style="color:#4b5563;text-decoration:none;">+1 555 010 2030</a></p><p style="margin:2px 0 0;font-size:13px;line-height:19px;color:#4b5563;"><span style="color:#f43f5e;">E</span>&nbsp;<a href="mailto:alex@northwind.studio" style="color:#4b5563;text-decoration:none;">alex@northwind.studio</a></p><p style="margin:2px 0 0;font-size:13px;line-height:19px;color:#4b5563;"><span style="color:#f43f5e;">W</span>&nbsp;<a href="https://northwind.studio/" style="color:#4b5563;text-decoration:none;">northwind.studio</a></p><table cellpadding="0" cellspacing="0" border="0" role="presentation" style="margin-top:10px;border-collapse:separate;"><tr><td width="24" height="24" align="center" valign="middle" bgcolor="#f43f5e" style="width:24px;height:24px;background-color:#f43f5e;border-radius:6px;text-align:center;"><a href="https://www.instagram.com/northwindstudio" title="Instagram" style="display:block;width:24px;line-height:24px;color:#ffffff;font-size:11px;font-weight:600;text-decoration:none;">IG</a></td></tr></table></td></tr></table>

1,759 characters. Gmail allows signatures up to 10,000 characters.

How to add your signature

Gmail

Click Copy signature above.
In Gmail, open Settings (the gear icon), then See all settings.
On the General tab, scroll to Signature, click Create new and give it a name.
Click in the signature box and paste. Scroll down and click Save Changes.

Gmail removes images embedded as data URLs, so use an image URL for your photo or logo.

Outlook

Click Copy signature.
In Outlook on the web or the new Outlook, go to Settings, then Accounts (or Mail), then Signatures. In classic Outlook for Windows, go to File, Options, Mail, Signatures.
Create a new signature, paste into the editor and save. Choose it as the default for new messages if you want.

Apple Mail

Click Copy signature.
In Mail, open Settings (or Preferences), then Signatures, select your account and click +.
Untick "Always match my default message font", then paste into the signature area on the right.

Tips for a signature that works everywhere

Host your photo or logo online and use its https:// URL. Keep the file under about 50 KB.
Stick to web-safe fonts, which is why this tool only offers fonts installed on almost every computer.
Keep it short: name, role, one or two ways to reach you and a few social links is enough.
Send a test email to yourself and open it on your phone before you use the signature with clients.

How it works

How to use it

Step 1
Add your details
Enter your name, job title, contact details and social profiles, and add a photo or logo by URL or upload.
Step 2
Pick a design
Choose a layout, accent colour and font. The preview updates as you type.
Step 3
Copy it into your email app
Click Copy signature and paste it into the signature settings of Gmail, Outlook or Apple Mail.

FAQs

Frequently asked questions

Answers to common questions about the Email Signature Generator.

: Very close. The signature is built from HTML tables with inline styles, which is the format email clients handle most reliably. Small differences can still appear: Outlook on Windows ignores rounded corners, so round photos and icons show as squares there.
: An uploaded image is embedded in the signature as a data URL. Gmail and some other clients strip data-URL images. For a photo or logo that shows everywhere, upload the image somewhere public (your website, a CDN or a file host that gives a direct image link) and paste that URL into the image URL field instead.
: It copies the signature as formatted content, the same as selecting it on a web page, so it pastes with its layout, colours and links. If your browser blocks it, open the downloaded .html file in your browser, select the signature, copy it and paste it into your email app. Copy HTML code gives you the raw code for tools that accept HTML signatures.
: No. They are small coloured squares with letters (in, X, IG, f, YT, TT) built from HTML and text. That means they show up even when the email client blocks images, and nothing is loaded from another server. You can switch to plain text links instead.
: No. The signature is built in your browser and nothing you type or upload is sent to a server.
: Yes. Copy the HTML code or download the .html file and edit it in any text editor. Keep styles inline, because many email clients remove style blocks.

More free tools

Try another tool

View all free tools →

Turn Instagram followers into leads

Your email signature brings people to your profile. Hypello replies to their Instagram comments and DMs automatically and collects their email and phone number so you can follow up.

Get Started For Free View Pricing →