Resolving Distorted Images in Email Footers on Outlook

If your logo or other images in the email footer appear distorted when viewed in Outlook, the issue is likely related to how Outlook renders emails. This article explains why this happens and provides steps to ensure your email content displays correctly across all email clients.

Why This Happens

Outlook uses the Microsoft Word rendering engine to display emails, which can sometimes cause images to appear distorted or improperly scaled. This is not an issue with your WeSupply configuration but rather a limitation of Outlook’s email rendering.

How to Address the Issue

Step 1: Optimize Image Dimensions

To minimize distortion, ensure your images are optimized for email display:

1. Use Correct Dimensions:
   • Resize your logo and other images to fit the email footer dimensions. For example, use a width of 600 pixels or less for email compatibility.
2. Maintain Aspect Ratio:
   • Ensure the aspect ratio of your images is preserved to prevent stretching or squashing.
3. Save in Web-Friendly Formats:
   • Use formats like PNG or JPEG for better compatibility across email clients.

Step 2: Test Emails Across Clients

Before sending emails to customers, test how they display in different email clients, including Outlook:

1. Use Email Testing Tools:
   • Tools like Litmus or Email on Acid allow you to preview how your email will look in various clients, including Outlook.
2. Send Test Emails:
   • Send test emails to accounts on different platforms (e.g., Gmail, Yahoo, Outlook) to identify any rendering issues.

Step 3: Use Inline CSS for Styling

Outlook may not fully support external CSS, so use inline styles for better compatibility:

1. Add Inline Styles:
   • Apply inline CSS to your images and other elements directly in the email HTML.
2. Avoid Complex Layouts:
   • Simplify your email design to reduce the risk of rendering issues.

Key Considerations

• Outlook Limitations: Outlook’s rendering engine has known limitations, so some design adjustments may be necessary.
• Consistent Testing: Regularly test your emails to ensure they display correctly across all platforms.
• Responsive Design: Use responsive design techniques to adapt your email layout for different devices and clients.

Need Further Assistance?

If you continue to experience issues with email rendering or need help optimizing your email templates, our support team is here to assist you. Reach out to us for personalized guidance!