~/email-signature ☀ LIGHT business card vcard qr dmarc ☕ Support me apps ← about me
// live preview

    Guide — from empty form to signature in your mail app

    Five steps, about three minutes. Nothing leaves your browser.
    1Fill in your details

    Your name, job title, company and the contact details people actually use. Add a tagline, a button (book a meeting, a webinar) or a disclaimer only if you need them.

    2Add photo and logo

    Paste a public https:// link to each image. Links work in every mail app. An upload from your device works in Outlook and Apple Mail, but Gmail drops it.

    3Pick a template

    Ten layouts, with your accent colour, font and sizes. Check the phone and dark mail previews and the checklist under the preview.

    4Copy the signature

    Copy signature copies the formatted version for Gmail, Outlook and Apple Mail. Copy HTML is the code for Thunderbird and signature tools. There is a plain-text version too.

    5Paste it in your mail app

    Open the Install tab for the exact clicks per app, paste and save. Send yourself a test mail, ideally to a phone too.

    WHICH COPY BUTTONSignature, HTML or text

    Use the one your app expects.

    Copy signature
    Gmail, Outlook (new, classic, web, Mac), Apple Mail
    Copy HTML
    Thunderbird, signature managers, a website
    Plain text
    plain-text mail, mobile apps without formatting
    .html
    Thunderbird's "attach from a file"
    IMAGESGet them to show

    Most "missing photo" problems are the link.

    https://
    use secure links, not http://
    Direct
    the link must open the image itself, not a share page
    Public
    no login, no expiring link
    Size
    twice the shown size, e.g. 160 px for an 80 px photo
    GOOD SIGNATUREShort beats complete

    It appears under every reply.

    Lines
    name, role, one or two ways to reach you
    Links
    two or three social profiles at most
    Colour
    one accent colour, ideally your brand's
    Disclaimer
    only if your company requires one

    A free email signature generator that works in Outlook too

    This email signature generator builds a professional HTML signature in your browser: name, job title, company, phone, email, website, address, photo, company logo, social links, a call-to-action button, a banner and a legal disclaimer. You see it live in a mock email, on desktop and phone width, and in an approximation of dark mode. When it looks right, you copy it and paste it into Gmail, Outlook, Apple Mail or Thunderbird. There is no account, no watermark and no "made with" link, and nothing is uploaded.

    Why the HTML looks old-fashioned (on purpose)

    Classic Outlook for Windows renders email with the Word engine. It ignores flexbox, grid, most margins, background images and rounded corners. So every template here is built from nested tables, with inline styles on every cell, colours set both as bgcolor attributes and CSS, and explicit width and height attributes on images. Logo and banner sizes are measured from the real image, so Outlook does not stretch them. The result is the same layout everywhere. Only small touches degrade gracefully: classic Outlook shows square photos and badges and a solid colour where other apps show a gradient.

    Social icons are small coloured cells with letters instead of image icons. They show even when the reader blocks images, which Outlook does by default for senders it doesn't know, and they don't depend on an icon host staying online.

    Copy signature vs. Copy HTML

    Gmail, Outlook and Apple Mail have a visual signature editor, not a code box. If you paste HTML code into them, the code itself shows up in your emails. Copy signature puts the formatted signature on the clipboard, the same as selecting it in a web page and pressing copy, so it pastes with layout, colours and links. Copy HTML gives the source code for apps and tools that ask for HTML, such as Thunderbird with "Use HTML" ticked, or a company signature manager.

    Images: links, uploads and Gmail's 10,000 characters

    Mail apps fetch signature images from the internet each time a message is opened. The most reliable setup is an image on your own website (or company site) with a direct https:// link. Links to Google Drive, Dropbox, OneDrive or iCloud share pages usually open a viewer page instead of the image and stay blank. The checklist under the preview warns about those, about http:// links, about images that cannot be loaded and about photos that are too small for sharp display.

    You can also upload a photo or logo from your device. It is resized here (a photo to twice its shown size) and embedded in the signature. Outlook and Apple Mail accept that when you paste. Gmail does not: it drops pasted images that are not online, and an embedded image quickly exceeds Gmail's limit of 10,000 characters per signature. The counter next to the code shows how close you are.

    Dark mode and phones

    Many mail apps show messages in dark mode. Some invert the colours of your signature, others leave them alone. The Dark mail preview shows the inverting kind, which is the harshest case: a dark logo on a transparent background can disappear. The fix is a logo with a white or light background, or a light version of it. The Phone preview shows the width of a typical phone. Contact details that sit on one line wrap naturally instead of running off screen.

    Your data and saved signatures

    Everything runs in this page. Your details are kept in your browser's local storage so they are still there next time. With Save you can keep several signatures, for example an English and a Dutch one, or one per company, and switch between them. Export downloads your settings as a small file you can Import on another computer or send to a colleague as a starting point. The page uses no cookies and no tracking.

    🪪 Business Card DesignerPrint-ready cards to match 📇 vCard QR CodeContact details in one scan ▦ QR Code GeneratorLinks, Wi-Fi, text and more 🛡 DMARC BuilderStop others spoofing your domain 🧰 All free tools →Every app on jasperbernaers.com