
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
- Display at 150–250 px wide; export at 2× for sharpness on retina screens.
- Keep the image under 50 KB — ideally 10–30 KB.
- Link to a hosted image (public URL) to avoid logos arriving as attachments.
- Always set an explicit width; Outlook for Windows scales undefined images by screen DPI.
- PNG or JPG only — Gmail and Outlook do not display SVG, and WebP support is inconsistent.
Recommended email signature logo sizes
| Logo shape | Display size (in the signature) | Export size (2×) | Target file size |
|---|---|---|---|
| Horizontal wordmark | 180–250 × 40–70 px | 360–500 × 80–140 px | 10–30 KB |
| Square icon / badge | 60–90 × 60–90 px | 120–180 × 120–180 px | 5–20 KB |
| Stacked logo | 100–140 × 70–100 px | 200–280 × 140–200 px | 10–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:
- Hosted (linked) image: the signature contains an
<img>pointing to a URL such ashttps://yourdomain.com/email/logo.png. The recipient’s app downloads it when the email opens. Messages stay small, the logo never shows as an attachment, and you can update the logo later by replacing the file. Some recipients see “images blocked” until they allow images from you. - Embedded (pasted/uploaded) image: the image is attached to every email inline. It displays even with images blocked in some apps, but it increases message size, often appears as an attachment (the paperclip icon), and gets stripped or mangled when messages are forwarded.
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
- In Gmail on the web, click the gear icon → See all settings → General → Signature → Create new.
- 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.
- 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.
- 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:
- Solid white background in the PNG itself (not transparent). Some apps still darken it, but the logo remains visible.
- A thin light outline or glow around a dark logo — subtle in light mode, lifesaving in dark mode.
- Test: send to yourself and view in dark mode on iPhone Mail and Outlook before rolling it out to the whole team.
Formats that work (and those that do not)
- PNG: best for logos — crisp edges, optional transparency.
- JPG: fine if the logo has a solid background; keep quality at 85+ to avoid smudged edges.
- GIF: works everywhere, but limited to 256 colours; animated GIFs are distracting and Outlook desktop shows only the first frame.
- SVG: not supported by Gmail or Outlook — the image will not appear.
- WebP: support is inconsistent across email apps; avoid in signatures.
Fixing common signature logo problems
| Problem | Cause | Fix |
|---|---|---|
| Logo is huge | No width set; Outlook DPI scaling | Set explicit width/height; export smaller |
| Logo is blurry | File is smaller than display size, or JPG compressed | Export PNG at 2× display width |
| Logo shows as attachment | Embedded image | Use a hosted image URL |
| Logo missing for recipients | Private link, image blocked, or SVG/WebP | Public HTTPS URL to a PNG/JPG; recipients may need to allow images |
| “Signature too long” in Gmail | Pasted image data exceeds 10,000 characters | Insert the image by URL instead |
| Logo vanishes in dark mode | Dark logo on transparent background | Use 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.
Sources checked for this guide
- Gmail Help: create a Gmail signature
- Gmail Help: fix signature image problems
- Microsoft Support: create and add an email signature in Outlook
- Can I email: SVG image support
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.