What this generator makes
The generator builds your signature as clean HTML, with tables and inline styles, which is the format that email programs display most reliably. It works in Gmail, Outlook, Apple Mail, Thunderbird and most webmail. There is nothing to install and no account, and your details stay in your browser. They are saved on your own device so that you do not have to type them again next time.
Six layouts
- Classic: your photo or logo on the left and your details on the right, with a colored line between them.
- Split: your name and job in one column and your contact details in another, divided by a thin line. A clean business card look.
- Modern: your picture beside your name, a colored rule under it, and your contact details in short rows.
- Stacked: everything in one column, with the picture on top. It is narrow and works well on phones.
- Minimal: text only, in two lines. A good choice for replies and short messages.
- Banner: your details above and a colored bar below with your social links.
Fine-tune the design
Pick an accent color from the quick colors or any color you like, choose a font and size, show the job title in capital letters, and color your name. You can underline links, add a divider line under your name or above your social links (solid, dashed or dotted, in light gray or your accent color), and show the picture as a photo or as a logo that keeps its shape. A sample email around the signature and a dark background switch help you judge how it will look to the reader.
What to put in a signature
- Your full name, job title and company.
- One or two ways to reach you, such as a phone number and a website.
- Two or three social links, only the ones you really use for work.
- Optionally, a button with one action, such as booking a call, and a short legal line if your company requires one.
Less is better. Every extra line makes the signature longer than the message above it.
Using a photo or logo
The most reliable way is a picture that is already on the internet, and you give the generator its https link. You can also upload a picture from your computer: it is resized in your browser, shown in the preview and embedded in the code, which works when you paste into Outlook or Apple Mail. Gmail and many readers block embedded pictures, so for Gmail, host the picture and use the link. The tool lets you download the resized picture for that. Use a square image, about twice the size it will be shown (a 96 pixel photo needs a 192 pixel file), saved as PNG or JPG. Avoid WebP, because several email programs do not show it. Prepare the file with the image resizer and shrink it with the image compressor. Social links are plain text links, so you do not need to host icon images.
More help
Step by step instructions: Gmail signature, Outlook signature and the HTML code view. For advice on what makes a signature work, read the email signature guide. To add a click to chat link, make one with the WhatsApp link generator, and to choose brand colors, try the random palette generator. You can also shorten the code with the HTML minifier.