by WPFlat

How to add a picture to an email signature, from headshot to final test

How to add a picture to an email signature: crop the headshot, pick pixel sizes, insert it in your app, and fix the placeholder or attachment problems.

How to add a picture to an email signature: crop the photo square, export it small, insert it with the picture or image control in your app’s signature editor, then send yourself a test. Most failures happen before the insert step, in the file you prepared, or after it, when the reader’s app refuses to load the picture. The app steps here follow Google’s Gmail signature page and Microsoft’s Outlook signature page, read in October 2026. This page covers headshots. For a company logo, see adding a logo.

How to add a picture to an email signature

  1. Crop the headshot to a square, face and shoulders only.
  2. Export it at twice the size you will show, as a small JPEG or PNG.
  3. Insert it with your app’s image control (table below).
  4. Set the shown size to about 80 to 120 pixels square.
  5. Email yourself, then open the message on a phone and in a second app.

How to add a picture to an email signature: prepare the headshot first

A big phone photo is the usual cause of a clumsy result. Learning how to add a picture to an email signature starts with fixing the file once, so every app below behaves better.

  1. Crop to a square. Keep the face and the top of the shoulders. A tight crop stays readable at small sizes.
  2. Choose the shown size. A rule of thumb, ours and not a standard: 80 to 120 pixels square. Google gives a recommendation for Gmail of 70 to 100 pixels high, with a maximum of 100 high by 1,000 wide, on its signature troubleshooting page. A square headshot at 100 pixels fits inside that.
  3. Export at double. If the picture shows at 100 pixels, save a 200 pixel file. The reason is pixel density, explained in the blurry-signature guide.
  4. Keep the weight low. Aim for a few dozen kilobytes. Google’s page says a signature holds up to 10,000 characters and that images count toward that, so a heavy picture can stop a Gmail signature saving.
  5. Name it plainly. maya-chen.jpg beats IMG_4821 (1).jpeg when someone needs to find it later.

A worked example with a made-up photo:

StageSize
Phone original4000 by 3000 pixels
Square crop around the face1800 by 1800 pixels
Exported file200 by 200 pixels
Size set in the signature100 by 100 pixels

How to add a picture to an email signature in each app

This table gives the place to look and what the vendor says about how to add a picture to an email signature in that app. For the exact clicks in each app, follow the linked guide instead of this page.

AppWhere the picture goes inWhat the vendor’s page saysExact steps
Gmail (web)Settings, See all settings, Signature boxYou can format the signature by adding an image. Sources include a web address, My Drive or upload (per Google’s troubleshooting page).Gmail image steps
Outlook, classicSignature, Signatures, then the Image buttonLocate the file and select Insert. Right-click to resize with the aspect ratio locked.Classic Outlook steps
Outlook, new and webSettings, Accounts, SignaturesMicrosoft says you can add links and images with the mini formatting bar under Edit signature.New Outlook steps
Outlook for MacOutlook, Settings, SignaturesSelect See more items … for pictures.Outlook for Mac steps
Apple Mail on a MacMail, Settings, SignaturesApple says you can drag an image into the editing column.Apple Mail steps
Mail on iPhoneSettings, Apps, Mail, SignatureApple says you can only use text in Mail signatures on iPhone (Apple’s page). See our iPhone guide.See that guide

If your app is not in the table, the same four moves for how to add a picture to an email signature apply: find the signature editor, look for an image button, insert, resize.

When how to add a picture to an email signature goes wrong

Work from what you see on screen. Each row names a likely cause and where to read more.

What you seeLikely causeWhat to do
A blank box or a small red markThe reader’s app blocked a remote picture, or the file’s web address is deadAllow pictures in that app, check the address opens in a browser, add alt text
Picture only in your Sent folder, missing for othersRemote content off on their sideSee the next section
Gmail shows a broken iconA My Drive file is not shared, or was deletedShare it so anyone with the link can view, or re-upload
A paperclip or an extra attachmentThe picture travels as a file part instead of inlineWhy pictures show as attachments
Soft, grainy faceFile saved at the shown sizeExport at double the width
Face looks stretchedAspect ratio not lockedReset the size and lock the ratio
Great on a laptop, absent on the phoneThe phone app has its own signatureMobile signature table

Why a linked picture sometimes shows a placeholder

When the signature holds an address rather than the picture itself, the reader’s app has to fetch the file when the message opens. Apps are allowed to refuse.

Microsoft’s page on automatic picture downloads in classic Outlook says Outlook blocks them for several reasons, including to keep malicious code out and to avoid tracking pixels. A bar at the top of the message offers Download Pictures. Google’s images help page says Gmail shows images by default, but if it thinks a sender is suspicious, images are not shown and the reader is asked first. Proton’s signature page tells senders that recipients need remote content loading switched on to see images in a signature.

So a placeholder is often not a bug in your signature. It is the reader’s setting. Two habits reduce the damage: give the picture alt text (the person’s name), and make sure the name and contact lines are real text, so nothing important lives only in the image.

  • Upload through the editor. Quick, and sometimes the picture travels inside the message. Depending on the app, that may show as an attachment.
  • Link to a hosted file. Keeps the message light, but depends on remote pictures being allowed and on the file staying put.

For one person, either route works. For twenty people, a single hosted file per person is easier to keep tidy, and emailfooter offers an optional (Beta) public files address for photos on your own WordPress site, after a hosting compatibility test. It is a product feature, not a rule of any mail app.

What a headshot layout looks like

A photo wants room and a plain neighbour. Here is a made-up example drawn by emailfooter’s profile layout, with a round portrait and the details beside it:

Harbour Homes 
Tendai Moyo 
Tendai Moyo
Senior Negotiator
Harbour Homes — Build the future, faster
+1 415 555 0100
+27 83 555 0188
tendai@harbourhomes.example
harbourhomes.example
500 Market St, San Francisco, CA
LinkedInXInstagram

A portrait with text beside it. The company and person are made up.

Keep the photo about as tall as the text block beside it. A face much taller than three lines of text pushes the rest of the signature down the screen.

Test your picture before anyone relies on it

Once you have followed how to add a picture to an email signature in your app, check the result like this.

  1. Send a message to your own address and open it on a computer.
  2. Open the same message on your phone.
  3. Send one to a second mail app, such as a free webmail address, and check that the picture appears.
  4. Reply to your own message and look again, since reply defaults are separate settings in Gmail and Outlook.

If the picture fails only in step 3, you are looking at a remote-picture setting, and the table above applies. emailfooter gives a company one shared design and numbered install steps for each app, but it is English-only for now and each person still pastes their own copy.

Frequently asked questions

How to add a picture to an email signature in Gmail?

That is how to add a picture to an email signature in Gmail: open Settings, See all settings, find Signature, use the image option in the box and choose a web address, My Drive or upload. Then select Save Changes.

What size should a headshot be in an email signature?

Our rule of thumb is 80 to 120 pixels square as shown, saved at double that. Google’s Gmail recommendation is 70 to 100 pixels high.

Why does my picture show as a red X or empty box?

The reader’s app probably blocked a remote picture, or the file address no longer works. Check the address in a browser and add alt text.

How to add a picture to an email signature on iPhone?

In the Mail app you cannot. Apple’s iPhone Mail signature is text only, so use a computer or an app that supports images.

Keep reading

Make every signature in your company match

emailfooter is a free WordPress plugin. You design the signature once, and each person adds their own details and installs it in their mail app. Prefer not to run a website? emailfooter Managed is the same software, hosted for you.

Written by the Ulrea team. We build and look after emailfooter, a free WordPress plugin for company email signatures. These guides come from setting it up for real mail apps and real teams. Found something out of date? Tell us. Made by Ulrea.