Skip to content

Create an email signature

Design an email signature with your photo, logo, social links and a button, then paste it into Gmail, Outlook or Apple Mail; it is built in your browser.

Preview

Type your name to start
Your signature appears here exactly as it will be pasted into Gmail, Outlook or Apple Mail.

Template

Layout

Your details

Photo and logo

Images must be hosted online: Gmail strips embedded images, so the signature links to them. Use a picture on your website, your company's brand page or any image host that gives a direct link. Nothing is uploaded here.

A public https:// link to a PNG, JPG or GIF.

A public https:// link to a PNG, JPG or GIF.

Social links

Icon style

Icons are small colored cells with letters, built from HTML rather than images, so they still show when a client blocks pictures.

Button and disclaimer

Optional small print, up to 1,200 characters.

Style

#
#
Text size13 px

Saved in this browser

Your current signature is kept in this browser's storage as you type. Save named versions for other roles or colleagues (up to 3 on the free plan).

Add it to your mail app

  1. 1Click Copy signature above.
  2. 2In Gmail on the web, open the gear menu and choose See all settings.
  3. 3On the General tab, scroll to Signature and click Create new, then give it a name.
  4. 4Click into the empty signature box and paste with Ctrl+V (Cmd+V on a Mac).
  5. 5Under Signature defaults, pick it for new emails and for replies, then click Save Changes at the bottom of the page.

Gmail's apps on Android and iPhone use a separate plain-text mobile signature; the web signature is used when you send from a computer.

Runs in your browser · no uploadHow it works

How to use Email signature generator

  1. 1

    Pick a layout

    Choose Classic, Stacked, Compact or Banner; the preview redraws as you switch.

  2. 2

    Fill in your details

    Add your name, role, phone numbers, email and website, plus social profiles as links or @handles.

  3. 3

    Link your photo and logo

    Paste the web addresses of images that are already online; the tool checks that each one loads.

  4. 4

    Copy and install

    Press Copy signature, then follow the steps for Gmail, Outlook, Apple Mail or iPhone shown under the preview.

Limits and Pro

All 4 layouts, 11 social networks, unlimited copies and downloads, no branding added, and up to 3 named signatures saved in this browser.

Pro saves any number of named signatures, handy for teams or several roles; layouts and exports are the same. See Pro

About Email signature generator

Email signature generator writes a signature as HTML that mail programs accept when you paste it into their settings. The markup uses nested tables with every style written inline, colors as hex codes and pixel sizes repeated as width and height attributes, because classic Outlook renders mail with Word's engine and ignores most modern CSS. Social profiles appear as small colored cells with a letter or two, such as "in" for LinkedIn, made from HTML rather than pictures, so they still show when a recipient's client blocks images. You can switch them to plain text links instead.

Four layouts are included: a classic one with your photo beside a colored divider, a stacked one, a compact two-line version for replies, and a banner with a colored strip for your company, website and a call-to-action link. Fonts are limited to web-safe families that every computer has, since mail clients can't load web fonts reliably.

Photos and logos are referenced by URL. Gmail removes images embedded as base64 data, so the picture has to live on a website you control or on an image host that gives a direct link. The tool warns about sharing-page links from Google Drive, OneDrive or Dropbox, which open a viewer page instead of the image. It does not host files, track opens or add a "made with" credit to your signature.

Privacy

The signature is assembled in this tab and your details are kept only in this browser's local storage so the form is still filled in next time; nothing is sent to our server. Your photo and logo are loaded straight from the addresses you enter, both in the preview and later in your recipients' mail apps.

Features

Table-based HTML

Inline styles and attribute sizes that keep the layout intact in Outlook's Word engine.

One-click rich copy

Copies formatted HTML and a plain-text twin together, plus raw HTML and a downloadable file.

Light and dark preview

See the signature on a white and a dark message background before you install it.

Email signature generator: frequently asked questions

Why don't my images show up after pasting the signature into Gmail?
Gmail only displays images that it can fetch from a public web address, and it strips pictures that are embedded inside the HTML. Make sure the photo and logo links start with https:// and open the image itself when pasted into a new browser tab, not a Drive or Dropbox preview page. If an image still fails, try a PNG or JPG under 200 KB.
How do I add an HTML email signature to classic Outlook for Windows?
Copy the signature with the main button, then in Outlook choose File, Options, Mail and Signatures. Create a new signature, click into the editing box and paste. Outlook's Word-based renderer keeps the tables, links and colors from this generator, but it draws round photos and round social icons as squares, which is expected behavior rather than an error.
Can I use my own social media icon images instead of the letter badges?
The built-in icons are colored table cells containing letters, chosen because they need no image hosting and survive image blocking. If you prefer logo artwork, pick Text links, copy the HTML and replace each link text with an img tag pointing at icons you host yourself. Keep them around 24 pixels wide with explicit width and height attributes.
Does the signature work in dark mode?
Mail apps treat dark mode differently: some invert light backgrounds and dark text, others leave your colors alone. Use the dark preview switch to see how the signature reads on a dark background. Mid-tone accent colors and a logo with a transparent background, or a light border around it, usually hold up best in both modes.
Where is my signature saved, and can I edit it later?
Everything you type is kept in this browser's local storage, so the form is filled in again when you come back on the same device. Use Save signature to keep named versions, for example one per role, and click a saved chip to load it. Clearing your browser data or switching devices removes them, so download the .html file as a backup.

Related tools

All business & productivity tools

Invoice generator

Professional invoices as PDF in any currency

Resume builder

ATS-friendly resumes with live preview

QR code generator

Styled QR codes for links, Wi-Fi, vCards and more

Social media image resizer

Perfect sizes for Instagram, YouTube, LinkedIn and more