How to use the Email Signature Generator
- Pick a template and fill in your name, title, company and contact details.
- Add a photo or logo by pasting a public image link (upload it to your website or a file host first — email signatures can’t embed files).
- List your social links, pick your brand color and font, and add an optional call to action or disclaimer.
- Click Copy signature and paste it into Gmail, Outlook or Apple Mail’s signature settings.
Why email signatures use tables
Email apps — especially Outlook on Windows, which uses Word to render HTML — ignore modern CSS like flexbox and grid. Signatures that look the same everywhere are built with tables and inline styles, use web-safe fonts, and keep images small. This generator follows those rules, so what you see in the preview is what recipients get.
Tips for a good signature
- Use a square photo or logo of about 160 px (shown at 80 px) — sharp on retina screens, small in file size.
- Host images on HTTPS; many apps block
http://images and all of them block embedded files. - Keep it short: name, role, one or two ways to reach you and a few social links.
- Phone numbers become tappable
tel:links and emails becomemailto:links.
Related: Mailto Link Generator, QR Code Generator, Image Resizer.
Also searched as: html email signature, gmail signature generator, outlook signature generator, free email signature, professional email signature, email signature template, email signature with logo.
Tools that pair well with the Email Signature Generator
- Social Share Link Generator — Build “share this” links for 12 networks without plugins or tracking scripts — copy single links, the HTML for share buttons, or a tiny script that shares the current page on any Webflow CMS template.
- Favicon Generator — Make a complete favicon package from a logo, a letter or an emoji: a multi-size favicon.ico, Apple touch icon, Android/PWA icons, a Webflow webclip, the web manifest and the HTML tags to paste.
- HTML Formatter — Paste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and <script> blocks.
- WhatsApp Link Generator — Turn a phone number and a pre-filled message into a wa.me click-to-chat link — with a QR code for print and a ready-made button for your website.
Frequently asked questions
How do I add an HTML signature to Gmail?
Click Copy signature here, then in Gmail open Settings → See all settings → General → Signature, create a new signature, paste it and click Save changes at the bottom of the page.
Why doesn’t my photo show in the signature?
The image must be at a public https:// address. Signatures can’t contain uploaded files, and some apps block images until the recipient allows them.
Will it look the same in Outlook?
Yes — it uses tables, inline styles and web-safe fonts, which Outlook (including the Windows desktop app) renders correctly.
Can I use it for my whole team?
Yes. Fill in each person’s details and copy their signature, or download the HTML and replace the details for each person.
Can I install Email Signature Generator as a web app and use it offline?
Yes. Email Signature Generator is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.