Outlook Email Signature Formatting Problems: How to Fix Spacing, Images, and Layout
Troubleshoot Outlook email signature formatting issues, including spacing, broken images, font changes, layout shifts, and differences between Outlook desktop and Outlook Web.

Kagiso Maseko
Customer Success
kagiso@maplebridge.co.za
+27 21 671 2248
maplebridge.co.za
5
templates
24
members
92%
adopted
Key takeaway
Most Outlook signature problems come from unsupported HTML, copied formatting, missing image dimensions, blocked remote images, or installing from the wrong source.
Visual example
Check the Outlook install path before rebuilding the signature
Separate Outlook desktop rendering limits, image-hosting issues, and reinstall mistakes before changing working HTML.
Images not showing?
Follow the diagnostic path.

Kagiso Maseko
Customer Success
kagiso@maplebridge.co.za
+27 21 671 2248
maplebridge.co.za
Public image URL test
Open the image URL without login.
Email client image settings
Check Gmail, Outlook, and Apple Mail rules.
Paste method check
Install HTML in the correct signature field.
Confirm whether the issue happens in Outlook desktop, Outlook Web, or both.
Check whether the image URLs open in a private browser window.
Capture the signature editor and received-email screenshots.
01
Check hosting
Confirm the image URL opens without login.
02
Check client rules
Separate remote image blocking from broken HTML.
03
Paste correctly
Install through the right email client settings.
Start with the fastest diagnosis
Identify where the problem appears first: Outlook desktop compose, Outlook desktop received email, Outlook Web compose, Outlook Web received email, mobile Outlook, or only the recipient inbox.
Then send a new test email to one Gmail inbox and one Outlook inbox. If the signature only breaks in Outlook desktop, the issue is usually Outlook rendering. If it breaks everywhere, the issue may be the source HTML, image hosting, or the paste process.
Why Outlook changes signature formatting
Outlook desktop does not render signatures like a modern browser. It uses the Microsoft Word rendering engine, which can ignore some CSS, change spacing, resize images, and treat pasted HTML differently from Gmail or Apple Mail.
The safest fix is usually to simplify the signature and reinstall from an approved, email-safe source rather than patching a broken copy repeatedly.
- Layout built with div, flexbox, or grid
- Missing table attributes
- Missing image width and height
- Local images instead of hosted image URLs
- Unsupported fonts or colour formatting
- Extra formatting carried over from Word or another editor
Fix spacing and line-height issues
Unexpected spacing often comes from paragraph tags, copied formatting, or CSS that Outlook does not handle consistently. Use table cells for structure, keep line-height simple, and prefer cell padding over margin-based spacing.
If the signature has a large gap above or below it, Outlook may have added paragraph spacing around the block. Removing the broken version and reinstalling from a clean source often fixes this faster than editing inside Outlook.
Fix broken or resized images
If logos, profile photos, or social icons are missing in Outlook, test the image URL in a browser first. The image should load without login and use an https URL.
If images appear at the wrong size, the HTML may be missing explicit image dimensions. Email signatures should set width and height through both HTML attributes and inline styles.
Avoid pasting images directly from a desktop into Outlook. That can create references that work locally but fail for recipients.
Compare Outlook desktop and Outlook Web
Outlook desktop and Outlook Web do not always behave the same way. A signature can look correct in Outlook Web and still shift in Outlook desktop.
If your team uses both, test both before approving a rollout. Build for Outlook desktop first, because a signature that survives desktop is more likely to stay stable elsewhere.
Use a clean reinstall process
Delete the broken signature from Outlook, close Outlook completely, then create a new signature entry and paste directly from the original Mysignature output or approved source.
Review the received email, not only the compose preview. Do not copy a signature from an old email thread and reuse it as the source, because reply chains often alter the HTML.
Before asking for support
- 1Confirm whether the issue happens in Outlook desktop, Outlook Web, or both.
- 2Check whether the image URLs open in a private browser window.
- 3Capture the signature editor and received-email screenshots.
- 4Test the same email in Gmail and Outlook to isolate Outlook-only rendering issues.
- 5Confirm whether the signature was edited manually after generation.
Start from a cleaner Outlook-safe signature source
Mysignature helps teams reduce Outlook formatting issues with email-safe HTML, hosted assets, and setup guides for Outlook desktop and Outlook Web.
Related resources
Best practices
Email Signature Disclaimer Examples: What to Include and What to Avoid
Comparison
HTML Email Signature vs Image Signature: Which Option Works Better?
Setup guide
Gmail Email Signature Setup: Add, Test, and Fix Your Business Signature
Team signatures
Email Signature Management for Teams: What It Is and How to Standardise Every Inbox
Troubleshooting
Email Signature Images Not Showing? Practical Fixes for Gmail, Outlook, and Apple Mail
Comparison
Mysignature vs Manual HTML Email Signatures: Which Is Better for a Growing Team?
Comparisons