How to add a logo to your email signature in any email app

How to add logo to email signature: prepare one small PNG file, then use the image button in your app’s signature editor to insert it, and size it so it looks the same everywhere. The prep matters more than the clicking. The app steps below follow help pages from Google, Microsoft and Apple, read in October 2026. The file advice is our own rule of thumb, and we say where each number comes from.

Prepare the logo file first

Every app below takes the same file, so make it once. Knowing how to add logo to email signature properly starts with this file.

• Format. PNG for logos with flat colours and sharp edges. Microsoft’s help for building a signature with a photo and social links lists .bmp, .gif, .jpg and .png as supported picture formats. We avoid SVG, because some mail apps do not show it.
• Displayed width. Our size guide suggests 120 to 200 pixels wide as shown. That is a rule of thumb, not a standard, since no mail app publishes a best size.
• File width. Save it at twice the displayed width, so screens with a high pixel density stay sharp.
• Weight. Keep it small, in the tens of kilobytes.
• Background. If your logo has dark text on a transparent background, test it in dark mode, where it can vanish.

A worked example with a made-up wide wordmark:

Step	Number
Original artwork	1,600 by 500 pixels
Exported file	480 by 150 pixels, PNG
Width you set in the signature	160 pixels
Resulting height	about 50 pixels

Compare that with Google’s numbers. On its signature troubleshooting page, Google recommends an image 70 to 100 pixels high by 300 to 400 pixels wide, with a maximum of 100 high by 1,000 wide. A 160 by 50 logo sits comfortably inside both. If your own logo is taller than 100 pixels once shown, shrink it before you worry about anything else in Gmail.

Hosted or uploaded: how to add logo to email signature files

The first decision in how to add logo to email signature content is whether the picture is uploaded or linked.

Uploaded through the editor. The app stores or embeds it. It is quick, but depending on the app the picture can travel as an attachment, which clutters the recipient’s view.

Linked from a web address. The signature points at a file on your website, and the picture loads when the message is opened. Gmail’s own insert menu offers this as Web Address (URL), alongside My Drive and Upload, according to Google’s troubleshooting page.

Two cautions on hosting. If you use My Drive, the file must be shared as “anyone with the link” as a viewer, and a deleted Drive file stops showing in the signature. And if the readers’ mail app blocks remote images, a hosted logo is hidden until they allow them. Proton’s help page, for example, says recipients need remote content loading switched on to see images in your signature. Alt text is your fallback, so give the logo your company name.

If you build the signature in emailfooter, the logo is part of the company’s design and every person’s copy uses the same one. The plugin has an optional (Beta) public files address for logos on your own WordPress site, with a hosting compatibility test first. That is a feature of the product, not a requirement of any mail app.

How to add logo to email signature in Gmail

1. In Gmail, select Settings, then See all settings.
2. On the General tab, find Signature and select the signature to edit.
3. Use the formatting options to add the image. Google says you can format the signature by adding an image or changing the text style.
4. Choose how to bring the file in: a web address, My Drive, or Upload.
5. Resize it with the Small, Medium, Large or Original options in the editor if it looks too big.
6. Select Save Changes at the bottom of the page.

The page’s central warning: signatures can hold up to 10,000 characters, and your image counts toward that. If you get an error, resize the image. Our guide to adding an image to a Gmail signature goes into more detail.

Classic Outlook: how to add logo to email signature

1. Open a new message and select Signature, then Signatures.
2. Under Select signature to edit, choose the signature that needs the logo.
3. Select the Image button, locate the file and select Insert.
4. To resize, right-click the picture and choose Picture. On the Size tab, change the size and keep Lock aspect ratio ticked.
5. Select OK, then OK again.

Microsoft adds that using Vector Markup Language (VML) tags in a signature can make some elements appear as attachments instead of inline images. It recommends the steps above for best results.

Outlook for Mac: how to add logo to email signature

In current Outlook for Mac: Outlook, Settings, then Signatures under Mail. Select your signature, then See more items … and choose the option to add a photo, logo or picture. In the legacy version, go to Settings, Email, Signatures, and insert Pictures from Photo Browser or a Picture from file. Our Outlook for Mac guide covers the rest.

Apple Mail on a Mac

On a Mac, open Mail, then Settings, then Signatures. Apple’s page says you can insert images by dragging them into the editing area. Choose the account and signature first. If a signature was created while All Signatures was selected, drag it onto an account.

New Outlook, the web, Zoho and Yahoo

For how to add logo to email signature in new Outlook, the answer is thinner. Microsoft’s page for new Outlook and Outlook on the web describes typing and formatting a signature, and says signatures can contain pictures, but it does not name a picture button for those versions, so we do not either. Look in the editing box and test. Zoho’s page says you can insert images such as logos, paste copied images and hyperlink them, with GIF, JPG, JPEG, BMP and PNG supported. The Yahoo page we read does not mention images.

Make the logo a link

The last step in how to add logo to email signature design is making the logo clickable. A logo that opens your website is a small win. In Zoho you can hyperlink an image. In Outlook for Mac, choose Link, then type the Text to Display and the Address. In classic Outlook, the mini formatting bar under Edit signature adds links and images. Link it to your site’s home page, not a long address.

When the logo goes wrong

If you followed how to add logo to email signature and the result looks wrong, find your symptom here.

Problem	Likely cause	Fix
Gmail refuses to save	Image counts toward the 10,000-character limit	Resize or shrink the file, then save
Image will not upload in Gmail	Browser cache, cookies or the upload method	Try the other methods Google lists: web address, My Drive or upload
Drive image shows a blank box	The Drive file is not shared, or was deleted	Share it as “anyone with the link”, or host it elsewhere
Logo arrives as an attachment in Outlook	VML tags or a pasted-in picture	Reinsert it with the Image button
Logo is stretched	Proportions not locked	Tick Lock aspect ratio and set one dimension
Logo is fuzzy	File saved at the displayed size	Save at twice the width (more on blurry logos)

A layout with a logo that holds up

Two ways to place the logo, drawn by emailfooter. The first puts it on the left, with the details beside it:

Logo on the left. The company and person are made up.

The second centres it above the text, which suits short signatures:

Logo above. The company and person are made up.

That covers how to add logo to email signature in the main apps. For other picture types, see adding a picture to an email signature.

Frequently asked questions

How to add logo to email signature for a whole company?

Design the signature once with the logo in it, and have each person paste the same version. The steps for each app are above, and a shared design stops each person choosing a different size.

How to add logo to email signature in Gmail or Outlook?

Prepare a PNG, open your signature editor and insert the file with the image option, then resize it and keep the aspect ratio locked. The app-specific steps are above.

What size should a logo be in an email signature?

We suggest 120 to 200 pixels wide as shown, saved at double that width. For Gmail, Google’s page gives a recommended 70 to 100 pixels high and a maximum of 100 pixels high.

Why does my logo show as an attachment?

In Outlook, Microsoft says VML tags can make elements appear as attachments instead of inline images. Reinsert the picture with the Image button.

Should I upload the logo or link to it?

Linking to a file on your website keeps the message light. The catch is that some mail apps block remote images until the reader allows them.

How to add logo to email signature on a phone?

Apple says iPhone Mail signatures can only use text, so a logo cannot go in a signature set there.