Utilities
Build an email signature that survives Outlook
Fill in your details, pick a template, copy it, paste it into your mail settings. The markup is built the old-fashioned way on purpose, because that is the only kind Outlook still renders correctly.
A photo or logo beside your details, split by a coloured divider.
Shown on white, the way a mail client would. Your photo appears as a placeholder here because this page never makes an outbound request — in the signature itself the real image is used.
- Runs in your browser
- No account required
- Free to use
How it works
Tables, because Outlook uses Word
Outlook 2016 and later render mail with Microsoft Word’s engine, which has no flexbox, no grid and no reliable float. A signature built with modern CSS collapses into a stack of text there — and Outlook is where a lot of business email is read. Every template here is a table.
Styles go inline, one by one
Gmail strips a style block out of anything you paste, which takes the whole design with it. So there is no stylesheet: every rule sits on the element it applies to, and there are no class names left pointing at nothing.
It is built in your browser
No account, no server, no signature stored anywhere. Your name, number and photo URL are typed into a form that never sends them — the preview is drawn without even loading your image, so nothing of your details reaches anyone.
What it does
Six templates that differ
Minimal, photo left, card, banner, compact and one with a button — not one layout in six colours.
Live preview on white
Rendered in an isolated frame so what you see is the signature, not the signature wearing this site’s stylesheet.
Copy formatted, or copy the code
One button puts the formatted signature on your clipboard for Gmail and Outlook. Another gives you the raw HTML for a signature manager.
Dark mode considered
Text is a mid grey rather than pure black, which is what stops a signature turning into a glowing white slab when a client inverts it.
Practical advice
Getting a better result
- Paste with the "Copy signature" button, not by copying the HTML — Gmail and Outlook want the formatting, and pasting markup into their signature box gives you a wall of angle brackets.
- Your photo or logo has to live at a public URL. Mail clients block images pasted as data, so an uploaded file would arrive as a broken square for everyone who reads it.
- Use a PNG with a transparent background, not a JPEG. In dark mode the white rectangle around a JPEG logo is glaringly obvious.
- Keep it to four or five lines. A signature longer than the reply above it is the most common mistake, and it is worse on a phone.
- Send yourself a test and open it on a phone, in Outlook and in Gmail before you settle. That is fifteen minutes that saves a year of sending something broken.
- Skip the social icons debate: these are text links because image icons are hosted somewhere, and when that somewhere disappears every signature you ever sent shows a broken square.
Questions
Things people ask
Is anything I type sent anywhere?
No. The signature is built in your browser and never leaves it. There is no account and no upload endpoint, and a Content Security Policy allows no upload destination at all.
That last part is why your photo shows as a placeholder in the preview — displaying it would mean fetching it from another server, which would break the promise. The signature you copy has the real URL in it.
How do I add this to Gmail?
Press "Copy signature", then in Gmail go to Settings, See all settings, and scroll to Signature. Create one, click into the box and paste. Save changes at the bottom of the page — it is easy to miss.
How do I add this to Outlook?
Press "Copy signature". In new Outlook and Outlook on the web, go to Settings, Mail, Compose and reply, and paste into the signature box. In classic desktop Outlook it is File, Options, Mail, Signatures.
Paste rather than using "Insert HTML" — Outlook’s signature editor takes formatted content directly.
Why does my signature look different in Outlook?
Because Outlook renders mail with Word rather than a browser engine. Spacing is the usual difference: Word adds its own margins around paragraphs and handles line height differently, so a signature can look slightly looser there than in the preview.
What should not happen is a collapse — columns stacking, images at the wrong size, the layout falling apart. These templates are tables with sizes on the tags specifically to avoid that.
Can I use a custom font?
Not usefully. Mail clients do not download web fonts, so a signature asking for one silently falls back to something else, and you never see what your reader sees. The fonts offered here are ones already installed on the machines your mail lands on.
Where can I host my photo or logo for free?
Your own website is the best answer by a long way — the link lasts as long as the company does. Failing that, GitHub is free and stable: put the image in a public repository, open it, and copy the address of the raw file. Cloudinary has a free tier and is a proper image CDN, which is what you want if you are rolling signatures out across a team.
For a single photo with no account, ImgBB and Postimages both work. Upload, then copy the direct link they offer rather than the link to the page around it.
Google Drive and Dropbox share links do not work. They point at a viewer page rather than at the image, so mail clients show nothing at all. Whatever you use, the address you paste has to end in .png or .jpg.
Why are there no social media icons?
Because icons in a signature are images hosted on a server somewhere, and signatures outlive servers. Every broken-square signature you have ever received was an icon whose host went away.
Text links have none of that problem, they work in dark mode, they are readable by a screen reader, and they never fail to load.
Related tools
QR Code Scanner
Read a QR code from a photo or your camera, and see what it really says.
Runs entirely in your browser
Open toolQR Code Generator
Make QR codes for links, Wi-Fi, contacts and more, as PNG or SVG.
Runs entirely in your browser
Open toolImage Converter
Convert between JPG, PNG, WebP and AVIF - up to 50 images at once.
Runs entirely in your browser
Open toolImage Compressor
Shrink image file size with a quality slider and see the saving.
Runs entirely in your browser
Open toolWho builds these
Free tools by day. Websites that earn their keep by trade.
KuConvert is built by KUDUY, a web design and development agency. From custom WordPress builds to SEO and e-commerce, everything they do is engineered to bring you more qualified traffic and turn it into revenue.
Web Design
Custom, conversion-focused web design that captivates visitors and turns them into paying customers. Mobile-first, fast, and built to rank.
Web Development
Custom WordPress websites built with clean code, blazing-fast performance (Core Web Vitals optimised), and enterprise-grade security.
E-Commerce
Online stores that convert visitors to customers with seamless shopping experiences.
SEO
Technical SEO, keyword research, on-page optimisation and local SEO strategies that drive qualified organic traffic.
Digital Marketing
Data-driven campaigns that deliver measurable ROI across every channel.
Branding
Memorable brand identities that stand out in any market and build lasting trust.
Website Help
One-on-one expert support for bug fixes, updates and ongoing maintenance — without a long-term retainer.
Fixed scope, no surprise invoices
Most sites ship in four to eight weeks with the scope and the price agreed up front.
SEO from day one
Search is designed into the build — structure, schema and Core Web Vitals — not retrofitted.
A team, not a ticket queue
A project manager, a designer and a developer you can actually reach.
Need your whole site to load this fast?
Images are usually the heaviest thing on a page and the easiest win. KUDUY works on site speed, image delivery and Core Web Vitals for teams who would rather not do it by hand.
This tool runs entirely in your browser. Your files are never uploaded.