Free HTML Email Signature Generator (+ Guide)
An HTML email signature generator that writes email-safe code: tables, inline styles and hosted images, ready to copy or download.
0.0(0 ratings)
by Navid Moazzez·Updated Sept 30, 2026·3 min read·Navid.me is reader-supported. When you buy through links on this site, I may earn an affiliate commission. Learn more.This free HTML email signature generator writes the code for your signature, ready to copy or download.
The code uses tables and inline styles only, the one way every email app shows HTML the same.
Here's what makes email HTML different from web HTML, and the rules the generator follows.
TL;DRKey takeaways
What is an HTML email signature?
An HTML email signature is your signature written as HTML, so it can have your photo, your logo, colors and links.
Your email app pastes it at the end of your emails. Some teams also install it for everyone through their email admin.
Why email HTML is different
Email apps don't draw HTML the way browsers do:
- Styles go inline – some apps drop
<style>blocks, so every size and color is set on the element itself. - Layout is tables – flexbox and grid aren't safe in email, so each row and column is a table cell.
- Classic Outlook draws with its own engine – according to Can I email, it rounds corners only with its own VML code, not CSS. So a round photo has to be round in the image file.
- Images need a width and a height – or some apps show them at full size.
The generator follows each of these rules.
Images in HTML signatures
An <img> in a signature must point to a public https address. The generator hosts your photo, logo and banner and puts their links in the code, as PNG or JPG, since classic Outlook for Windows shows neither SVG nor WebP.
The size limit
Gmail takes up to 10,000 characters in a signature, images included. The generator shows the size of your HTML as you build it.
Your signature in dark mode
Many email apps lighten dark text in dark mode. Images stay as they are.
So a black logo on a see-through background can disappear. The generator checks your photo and logo for this, and adds a white backing to your logo in one click.
Where to paste it
- Where the signature goes
- Settings, See all settings, Signature
- Takes images
- Yes, up to 10,000 characters in all
- Where the signature goes
- Menu, Settings, Mobile signature
- Takes images
- Text only, or the computer one when left empty
- Where the signature goes
- Settings, Accounts, Signatures
- Takes images
- Yes
- Where the signature goes
- Message, Signature, Signatures
- Takes images
- Yes, but not SVG or WebP
- Where the signature goes
- Mail, Settings, Signatures
- Takes images
- Yes
- Where the signature goes
- Settings, More Settings, Writing email
- Takes images
- Yes
- Where the signature goes
- Settings, Apps, Mail, Signature
- Takes images
- Text only
Who is the HTML email signature generator for?
It's for anyone who needs a signature as HTML:
- Email signature generator – people who'd rather copy and paste
- Gmail signature generator – Gmail users
- Outlook signature generator – Outlook users
- Apple Mail signature generator – Apple Mail users
Every other tool is on my free tools page.
HTML Email Signature Generator FAQs
Questions about the html email signature generator? Here's what to know.
An HTML email signature is a signature written as HTML, so it can hold your photo, logo, colors and links. Your email app adds it to the end of your emails.
Email signatures use tables because some email apps don't support flexbox, grid or style blocks. Tables with inline styles look the same in every app.
You can use CSS in an email signature safely only as inline styles on each element. Some email apps drop style blocks and classes.
Use PNG or JPG images in an email signature. Classic Outlook for Windows shows neither SVG nor WebP, according to Can I email.
To add an HTML signature to Gmail, press Copy signature, open Settings, then See all settings, paste it in the Signature section, and click Save Changes. Gmail takes the formatted signature, not raw code.
Yes, the HTML email signature generator is free, with no sign-up and no watermark in the code.
What you type in the HTML email signature generator stays in your browser. Only the images you add are uploaded, so the code can link them.
The HTML email signature generator is for developers, email admins and anyone who wants clean signature code to install for a team or paste into an app.
For links and email, the UTM builder tags the links in your signature, so you can see the clicks in Google Analytics. The QR code generator and the lead magnet generator help you grow your list. See all my free tools.
I did. I'm Navid Moazzez, and I made the HTML email signature generator as one of my free tools on navid.me.
More about me.
Navid Moazzez
AI business strategist & AI OS builder
Navid Moazzez helps creators and founders master AI and build their own AI Operating System (AI OS) to automate their business and life.
Navid.me is reader-supported. When you buy through links on this site, I may earn an affiliate commission. Read the affiliate disclaimer.
More free tools
LinkedIn
X
Substack
Related MCP servers & CLIs
Bluesky
Threads
Mastodon
TikTok
Apple Podcasts
Free AI newsletterThe most actionable AI newsletter for founders
Every week, get proven AI strategies, curated tools, and step-by-step systems to grow your audience, create better content, and build a profitable creator business.
No fluff, no filler, no BS. Just five minutes each week that might level up your online business and life.
P.S. Sign up now to get free access to my ultimate AI tools guide for creators.
