Email Signature Not Showing Images? Here's the Fix

You've created the perfect email signature with your logo, photo, and social media icons—but when you send an email, the images don't show up. Instead, you see broken image icons, blank spaces, or placeholder boxes. This is one of the most common email signature problems, and fortunately, it's usually fixable.

In this guide, we'll cover why email signature images fail to display and provide step-by-step solutions for Gmail, Outlook, Apple Mail, and other email clients. Whether you're troubleshooting your own signature or helping colleagues fix theirs, you'll find the answers here.

Why Email Signature Images Don't Show

Before diving into fixes, it's important to understand why email signature images fail. The problem can originate from multiple sources: your signature setup, the image hosting, the recipient's email client, or network security policies.

Quick Diagnostic Steps

Before trying complex fixes, run through these quick checks to identify the problem:

Fixing Images in Gmail

Gmail is the most popular email client, but it has specific quirks with signature images. Here's how to troubleshoot:

Problem: Images Show as Broken Icons

• Re-add the image: Go to Settings > General > Signature. Delete the broken image and re-insert it using the image icon in the toolbar.
• Use "Web Address (URL)" option: When inserting, choose "Web Address (URL)" instead of uploading. Paste a direct HTTPS image link.
• Check Google Drive permissions: If using Google Drive, ensure the image is set to "Anyone with the link can view."

Problem: Images Disappear After Saving

• Image too large: Gmail may strip images over 5MB. Resize your images to under 100KB for best results.
• Unsupported format: Convert SVG or WebP images to PNG or JPG.
• Browser extension conflict: Try disabling ad blockers or privacy extensions temporarily.

Problem: Recipients Don't See Images

• Expected behavior: Gmail blocks external images by default. Recipients need to click "Display images below" or enable "Always display images from [sender]".
• Work around: Use inline/embedded images when possible, as they display more reliably than linked images.

Fixing Images in Outlook

Outlook (both desktop and web versions) has robust signature support but can be strict about image sources and formats.

Problem: Red X or Placeholder Instead of Image

• Image path issue: Outlook desktop stores signature images in a specific folder. If you move or delete the original file, the signature breaks.
• Fix for Desktop: Go to File > Options > Mail > Signatures. Edit your signature and re-insert the image from its current location.
• Fix for Web: Open Settings > Mail > Compose and Reply > Email Signature. Remove and re-add the image.

Problem: Images Blocked by Security Settings

• Outlook blocks external content: By default, Outlook blocks pictures from the internet in emails.
• For your own viewing: Go to File > Options > Trust Center > Trust Center Settings > Automatic Download. Check "Don't download pictures automatically" options.
• For recipients: You can't control recipient settings, but using reputable image hosts improves delivery.

Problem: Images Work in New Emails but Not Replies

• Signature settings: Outlook has separate signature settings for new messages and replies/forwards.
• Fix: In Signature settings, ensure your signature is selected for both "New messages" AND "Replies/forwards" dropdowns.

Fixing Images in Apple Mail

Apple Mail on Mac and iOS handles signatures differently. Here's how to fix image issues on both platforms:

Mac (macOS)

• Recreate the signature: Go to Mail > Settings > Signatures. Delete the problematic signature and create a new one.
• Drag and drop images: Apple Mail works best when you drag images directly into the signature editor rather than copy-pasting.
• Check "Always match my default font": Uncheck this option if it's reformatting your signature and breaking image layouts.

iPhone/iPad (iOS)

• Limited HTML support: iOS Mail has basic signature support. Complex HTML signatures with images may not render correctly.
• Use simple signatures: For iPhone, consider a text-only signature or one with minimal images.
• Alternative: Use a third-party email app like Spark or Outlook mobile that has better signature support.

Image Hosting Best Practices

Where you host your signature images significantly impacts whether they display correctly. Here are your options:

Image Hosting Requirements

For reliable email signature images, your hosting must provide:

• HTTPS URLs: HTTP links are blocked by most email clients
• Direct image links: URLs must end in .png, .jpg, or .gif (not a webpage with the image)
• High uptime: If the server is down when email is opened, images won't load
• No authentication required: Images must be publicly accessible
• Fast load times: Slow servers cause images to timeout and fail

HTML Image Code Best Practices

If you're using custom HTML for your email signature, proper image code is essential:

<img
  src="https://your-domain.com/logo.png"
  alt="Company Name Logo"
  width="150"
  height="50"
  style="display: block; border: 0;"
>

Critical Image Attributes

• src: Must be a full HTTPS URL, not a relative path
• alt: Descriptive text shown when image doesn't load
• width/height: Explicit dimensions prevent layout shifts
• display: block: Prevents unwanted spacing below images
• border: 0: Removes default link borders in older clients

Preventing Future Image Issues

Follow these practices to ensure your signature images work reliably:

Before Creating Your Signature

• Resize images to appropriate dimensions (logos: 150-200px wide, photos: 80-100px)
• Compress images to under 100KB each
• Use PNG for logos with transparency, JPG for photos
• Choose a reliable hosting solution with good uptime

After Creating Your Signature

• Test by sending emails to yourself on different devices
• Test on Gmail, Outlook, and mobile email apps
• Ask a colleague to confirm images appear (after enabling display)
• Periodically verify image URLs still work

For Organizations

• Host images on company servers for reliability
• Use a CDN for global accessibility
• Document image URLs so they're not accidentally deleted
• Consider signature management software for consistent branding

When Images Still Won't Work

If you've tried everything and images still don't display, consider these alternatives:

• Text-based signature: A well-formatted text signature can look professional without images
• Minimal images: Use only one essential image (logo or photo, not both)
• Signature generator: Tools like SigGen handle image hosting and compatibility automatically
• IT support: For corporate email, your IT department may need to whitelist image sources

Summary: Image Troubleshooting Checklist

• Verify image URLs work in incognito browser
• Confirm all URLs use HTTPS
• Check image format is PNG, JPG, or GIF
• Ensure images are under 100KB and properly sized
• Verify width and height attributes are set in HTML
• Test in Gmail, Outlook, and Apple Mail
• Confirm images display after clicking "Display images"
• Check hosting service is reliable with no bandwidth limits
• For Outlook desktop, verify local image files exist
• For Gmail, try re-inserting images via URL option