How to Add a Photo or Logo to Your Email Signature

A photo in your signature makes you recognizable; a logo makes your company memorable. Both are easy to get wrong — broken image icons, giant blurry headshots, logos that dwarf your name. This guide covers the right way to add either one in Gmail and Outlook, plus the sizing and hosting rules that keep images working for every recipient.

The two rules that prevent 90% of problems

1. Images must live on the internet, not your computer

Email clients don't embed images from your hard drive — they load them from a URL when the recipient opens the message. If the image isn't publicly reachable, recipients see a broken-image icon.

• Gmail: images must be hosted at a public HTTPS URL, or in Google Drive shared as "Anyone with the link."
• Outlook (desktop): images pasted into the signature editor are usually embedded in the message itself, so hosting matters less — but keep files small regardless.
• Outlook on the web / new Outlook: behaves more like Gmail; publicly hosted images are the safe choice.

If you use a signature generator, build and copy from its preview page — the images are already hosted for you.

2. Size it before you insert it

Resize the image before adding it to your signature. Dragging a 2000 px photo down to thumbnail size in an editor usually keeps the full file weight, which slows loading and can trip spam filters.

• Headshot: 100–150 px wide (roughly square).
• Logo: 150–200 px wide, proportional height.
• File size: under 100 KB each. JPG for photos, PNG for logos with transparency.
• Total signature width: keep the whole signature under ~600 px so it doesn't break on phones.

Free tools for resizing: your phone's photo editor, Preview on Mac (Tools → Adjust Size), or any online image resizer.

Add a photo or logo in Gmail

1. In Gmail, go to Settings (gear icon) → See all settings → General → Signature.
2. Open your signature (or create one with + Create new).
3. Click inside the editor where you want the image, then click the Insert image icon in the toolbar.
4. Choose Web address (URL) and paste the image's public HTTPS link — or upload from Drive, making sure the file is shared as "Anyone with the link."
5. Click the inserted image to pick a size: Small works for headshots in most signatures.
6. Scroll down and click Save Changes.

Easier path: build your signature in a generator with the photo already placed, then copy the whole rendered signature and paste it into Gmail's editor. One paste, everything positioned.

Gmail image troubleshooting

• Broken image icon: the URL isn't public. Test it in an incognito window — if you can't see it logged out, recipients can't either.
• Image looks huge: you inserted the full-size file. Resize the source image and re-insert.
• Image doesn't appear on replies: tick "Insert this signature before quoted text in replies" in the Signature settings and save.

Add a photo or logo in Outlook

Classic Outlook (Windows):

1. Open a new email → Message tab → Signature → Signatures (or File → Options → Mail → Signatures).
2. Select your signature and click in the editor where the image goes.
3. Click the image icon in the toolbar, browse to your file, and insert it.
4. Right-click the image → Size/position if you need to scale it — or better, resize the file beforehand.
5. Click OK.

New Outlook / Outlook on the web:

1. Settings (gear) → Accounts → Signatures (web: Mail → Compose and reply).
2. In the signature editor, use the image insert button and provide a public image URL.
3. Save.

Outlook for Mac: Outlook → Settings → Signatures, then drag the image file into the editor or use the insert-image control. *(Flag: the exact menu label varies by version — "Preferences" in older releases.)*

Outlook image troubleshooting

• Recipient sees a red X: the image was linked, not embedded, and their client blocked it. In classic Outlook, inserting via the toolbar button embeds the image — prefer that over pasting a linked image.
• "Click here to download pictures": normal Outlook behavior for external images, not a bug. Embedded images avoid it.
• GIF doesn't animate: classic Outlook desktop only shows the first frame of an animated GIF. Design accordingly — make frame one a complete image. (Gmail and Apple Mail play the full animation.)

Photo tips that actually matter

• Use a current, professional headshot — shoulders up, plain background, facing the camera. Not a cropped wedding photo.
• Square works best. Most signature layouts place the photo in a small square or circle.
• One image is enough. Photo *or* logo, not both stacked — two images plus text reads as clutter on a phone screen.
• Alt text: if your editor supports it, set alt text to your name ("Photo of Jane Doe") so something meaningful shows when images are blocked.

Logo tips

• Use a PNG with transparency so it sits cleanly on any background color.
• If your logo is wide and short, cap it around 180 px wide; if it's square, ~100 px is plenty.
• Don't upscale a small logo — it will look blurry. Ask whoever made your branding for a high-resolution original.

Test before you trust it

Once your image is in place, send a test email to yourself and check three things:

1. Desktop — does the image load, and is it the right size?
2. Phone — does the signature still look clean on a narrow screen?
3. Images blocked — most clients let you preview with image downloads off. Your signature should still read fine as text (this is why alt text matters).

Also send one test to a friend on a different email provider (Gmail → Outlook or vice versa). Rendering quirks almost always show up cross-provider, never in your own client.

The one-paste option

Resizing, hosting, and positioning images by hand is fiddly. Sigline's free generator lets you upload a photo or logo once — it handles sizing and hosting — and you copy the finished signature straight into Gmail or Outlook. Free, no signup.