Need a website that wins clients? Webteqno builds flat-price small business websites, live in 2–3 weeks. No retainer. Get a free quote →
Email guide

Email Signature Logo Size: Gmail and Outlook Setup Without Broken Images

Email is the one place your logo is displayed by software you do not control: dozens of mail apps, each with its own rules for images, scaling and dark mode. The result is the familiar trio of complaints — the logo is huge, the logo is blurry, or the logo shows up as an attachment. Here is how to avoid all three.

By Wamiq Hussain · Published · Updated · 5 min read

Email signature layout with a small company logo beside contact details

Short answer

Display an email signature logo at 150–250 px wide (and no more than about 80–100 px tall), but export the PNG at twice that size — for example 400 × 120 px for a logo shown at 200 × 60 — and set the display width in the signature. Keep the file under 50 KB, host it at a public HTTPS URL rather than pasting it, and use a PNG or JPG (not SVG or WebP). Add a white or light background tile if your logo is dark, so it survives dark mode.

Key takeaways

Logo shapeDisplay size (in the signature)Export size (2×)Target file size
Horizontal wordmark180–250 × 40–70 px360–500 × 80–140 px10–30 KB
Square icon / badge60–90 × 60–90 px120–180 × 120–180 px5–20 KB
Stacked logo100–140 × 70–100 px200–280 × 140–200 px10–25 KB

Why so small? A signature sits under every message, often several times in a reply thread. A 600 px logo dominates the email, pushes the actual message off screen on phones, and looks like marketing rather than a signature. Your name and phone number should be the most prominent part.

Why export at 2×? Most phones and many laptops have high-density screens. A 200 px wide image drawn on a retina display uses 400 physical pixels; if the file is only 200 px, it is enlarged and looks soft. Export at double and tell the email client to display it at the smaller width.

Hosted image vs pasted image

There are two ways to put a logo into a signature, and they behave very differently:

For business email we recommend hosted. Upload the logo to your own website (for example a /email/ folder) so the URL stays stable. Avoid hosting on personal Google Drive or Dropbox share links — they are not direct image URLs and often break.

Adding a logo in Gmail

  1. In Gmail on the web, click the gear icon → See all settings → General → Signature → Create new.
  2. Either build the signature directly — click the image icon and choose Web Address (URL), then paste your hosted logo URL — or build it in the Email Signature Generator and paste the whole signature into the box.
  3. Click the image in the editor to choose Small, Medium, Large or Original size. If you exported at 2× and the logo looks too big, use Small or Medium; better, set the width in the generator before pasting.
  4. Set the signature defaults for new emails and replies, then Save Changes at the bottom.

Gmail signatures are limited to 10,000 characters. Pasting an image directly (rather than a URL) can exceed that, which is why Gmail sometimes shows “signature is too long”. The Gmail mobile apps use a separate plain-text signature and do not show images — messages sent from the phone app use the web signature only if you turn off the mobile one.

Adding a logo in Outlook

New Outlook for Windows and Outlook on the web: Settings → Accounts → Signatures → New signature. Paste the signature from the generator, or use the image button to insert the logo. Set it as default for new messages and replies.

Classic Outlook for Windows: File → Options → Mail → Signatures. Paste the signature. Classic Outlook embeds images by default.

Outlook for Mac: Outlook → Settings → Signatures.

The Outlook DPI scaling issue

Classic Outlook on Windows scales images according to the computer’s display scaling (125%, 150%) when the image has no explicit width and height. A 400 px logo you intended to show at 200 px can appear at 400 px — or larger. Always give the image explicit width and height attributes in the HTML (the generator does this). If you insert the image manually, resize it inside the signature editor rather than relying on the file’s pixel size.

Dark mode: the invisible-logo problem

Apple Mail, Outlook and Gmail apps can display emails in dark mode, and some invert light backgrounds to dark. A dark logo on a transparent background then sits on near-black and disappears. Options:

Formats that work (and those that do not)

Fixing common signature logo problems

ProblemCauseFix
Logo is hugeNo width set; Outlook DPI scalingSet explicit width/height; export smaller
Logo is blurryFile is smaller than display size, or JPG compressedExport PNG at 2× display width
Logo shows as attachmentEmbedded imageUse a hosted image URL
Logo missing for recipientsPrivate link, image blocked, or SVG/WebPPublic HTTPS URL to a PNG/JPG; recipients may need to allow images
“Signature too long” in GmailPasted image data exceeds 10,000 charactersInsert the image by URL instead
Logo vanishes in dark modeDark logo on transparent backgroundUse a white background tile or light outline

If the file is heavy, the Image Compressor can hit a target size in KB; our guide to fixing oversized logo files explains what to change first.

Frequently asked questions

What size should a logo be in an email signature?

Display it at 150–250 px wide and no more than about 80–100 px tall. Export the file at twice that size, for example 400 × 120 px for a 200 × 60 display, and keep it under 50 KB.

Why does my email signature logo show as an attachment?

The image is embedded in the message. Insert it from a public image URL instead, so recipients’ email apps load it from the web.

Why is my logo huge in Outlook?

Classic Outlook for Windows scales images without explicit dimensions according to display scaling. Set width and height attributes on the image, or resize it in the signature editor.

Can I use an SVG logo in an email signature?

No. Gmail and Outlook do not display SVG images in emails. Use PNG or JPG.

How do I stop my logo disappearing in dark mode?

Use a PNG with a solid white background, or add a light outline around a dark logo. Test in dark mode on Apple Mail and Outlook.

Why does Gmail say my signature is too long?

Gmail limits signatures to 10,000 characters, and pasted images can exceed it. Insert the logo using a web address instead.

Tools used in this guide

All tools run in your browser; your image files are not uploaded to our server.

Keep reading

Sources checked for this guide

Platform upload rules change. We re-check the sources above when we update a guide; if you spot something out of date, send a correction.

From the team behind these free tools

Your logo is sorted. Is your website bringing in clients?

These tools are built by Webteqno, a web design and SEO studio with 9+ years and 200+ websites behind it. We help US small businesses look credible and get found on Google and in AI search.

Serving small businesses, service firms and SBA-certified federal contractors across the US.